ホームページ >ウェブフロントエンド >htmlチュートリアル >タブの切り替えの問題に関しては、どうやって助けを求めればよいのかわかりません。 _html/css_WEB-ITnose

タブの切り替えの問題に関しては、どうやって助けを求めればよいのかわかりません。 _html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:09:50883ブラウズ

上司は私にこれを作るように頼んだ: タグ 1、タグ 2、タグ 3.... そして、タグをクリックすると、下にページが表示されます。これは、2012 バージョンの QQ チャット ウィンドウと同じですが、私たちのものとは異なります。 html の下に切り替えページがありますが、これはどのように記述すればよいですか?

<tr><td class="ooihj" nowrap onclick="ghbq(this)">标签一</td><td class="ooihs" nowrap onclick="ghbq(this)">标签二</td><td class="ooihs" nowrap onclick="ghbq(this)">标签三</td><td class="ooihs" nowrap onclick="ghbq(this)">标签四</td><td class="ooihx" width="100%"> </td>  </tr>

たとえば、上の 4 つのラベルの場合、1 つをクリックするたびに、これらのページが 1 つずつ表示される必要があり、表示方法を使用してすべてを表示することはできません。私の理解では、これらのタグは 1 つずつリンクされており、クリックすると、対応するページが対応するエリアに表示されます (これは非常に重要です。方法がわかりません)。例を教えてください。どうもありがとう!


ディスカッションへの返信 (解決策)

http://paranimage.com/9-tabs-based-javascript/

同僚がページをロードする場合、jquery を使用して実装するのは比較的簡単です。クリック時 左から右への小さな動きがリンクになる場合は、非同期読み込みについて学習する必要があるかもしれません。学習中に非同期読み込みについてあまり詳しくありません。 jquery には簡単に非同期読み込みを実装できるメソッドがあります。

あなたが同僚の場合、ページへの読み込みは、クリック時の左から右への小さな移動を含め、比較的簡単に実装できます。私はあまり慣れていないので、非同期読み込みを学ぶ必要があるかもしれません。学習中に非同期ロードを行うには、() メソッドが必要です。リンクをクリックするだけで、非同期ロードが実行されます。自分で。やり方はわかりますか? 実際には、ロードされたページをすべて書き終えたので、必要なのは jquery タブです。コードを書く必要はありません。ハードコーディングされた表示の代わりに、ajax 読み込みを使用します。

Ajax を使用したくない場合は、iframe を使用してください。

dc6dce4a544fdca2df29d5ac0ea9906b5763a2ad76fb97e370ffa2d4ab09c97015db79b134e9f6b82c0b36e0489ee08ed target="tabframe"> 216b28748ea4df4d9c2150843fecfba68 0204cf206d01fa0d8d2771cf51bd41ad065276f04003e4622c4fe6b64f465b88

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。