複数オプション切り替えナビゲーションを実装するjsメソッド menu_javascriptスキル

この記事の例では、複数選択肢切り替えのナビゲーションメニューをjsで実装する方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

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

<頭>




<スクリプト言語="javascript">
関数 ShowMenu()
{
var barCTT=document.getElementByIdx_x("dNavBar")
var liArr=barCTT.getElementsByTagName_r("li")
var links=new Array()
links[0]="現在の場所: ホーム"
links[1]="項目 1 | 項目 2 | アイテム 3アイテム 4
links[2]="項目 1 | 項目 2 | プロジェクト 3「
」 links[3]="項目 1 | 項目 2 | プロジェクト 3a href='#'>プロジェクト 5 links[4]="プロジェクト 1 | プロジェクト 2"
links[5]="項目 1 | 項目 2 | プロジェクト 3「
」 links[6]="プロジェクト 1 | プロジェクト 2"
links[7]="プロジェクト 1 | プロジェクト 2"
links[8]="プロジェクト 1 | プロジェクト 2"
links[9]="プロジェクト 1 | プロジェクト 2"
links[10]="プロジェクト 1| プロジェクト 2"
links[11]="プロジェクト 1 | プロジェクト 2"
links[12]="プロジェクト 1 | プロジェクト 2"
for (i=0;i {
liArr[i].onclick=function()
{
selectThis(this,liArr,links)
}
}
}
関数 selectThis(indexObj,allLi,infoArr)
{
varindex=0;
for (i=0;i {
allLi[i].style.border="1px ソリッド #ffffff";
allLi[i].style.backgroundColor="#86C2FF";
allLi[i].style.height="28px";
if (indexObj==allLi[i])
{
インデックス=i;
}
}
IndexObj.style.borderBottom="0px ソリッド #666688";
IndexObj.style.backgroundColor="#99cc66";
IndexObj.style.height="31px";
document.getElementByIdx_x("subMenu").innerHTML=infoArr[index];
}

ホームページ

Entertainment Express

Music World究極のフラッシュ

サイトのお知らせ

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