Javascriptのタブ切り替え原理と効果実装方法_JavaScriptスキル

この記事の例では、JavaScript のタブ切り替えの原理と効果の実装方法を説明します。皆さんの参考に共有してください。

具体的な実装方法は以下のとおりです。

コードをコピー コードは次のとおりです:

<頭>

<スクリプトタイプ="text/javascript">
関数タブ(pid){
var ps = ['ニュース','スポーツ','軍事','bbs'];
for(var i=0,len=ps.length;i if(ps[i] == pid){
Document.getElementById(ps[i]).style.display = "ブロック";
}その他{
Document.getElementById(ps[i]).style.display = "なし";
}
}
}

• ニュース


• スポーツ


• 軍事


• フォーラム

ニュース ニュース ニュース ニュース

スポーツ スポーツ スポーツ スポーツ スポーツ

軍事軍事軍事軍事軍事

フォーラム フォーラム フォーラム フォーラム

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。