méthode js pour implémenter les compétences menu_javascript de navigation à commutation multi-options

L'exemple de cet article décrit la méthode d'implémentation du menu de navigation à commutation multi-options dans js. Partagez-le avec tout le monde pour votre référence. La méthode de mise en œuvre spécifique est la suivante :

Copier le code Le code est le suivant :

fonction ShowMenu()
{
var barCTT=document.getElementByIdx_x("dNavBar")
var liArr=barCTT.getElementsByTagName_r("li")
var liens = nouveau tableau ()
links[0]="Emplacement actuel : Accueil"
links[1]="Article un | Article deux | Article 3 links[2]="Article un | Article deux | Projet 3"
links[3]="Élément un | Élément deux | Projet trois Projet quatre links[4]="Projet un | Projet deux"
links[5]="Article un | Article deux | Projet 3"
links[6]="Projet un | Projet deux"
links[7]="Projet un | Projet deux"
links[8]="Projet un | Projet deux"
links[9]="Projet un | Projet deux"
links[10]="Projet un| Projet deux"
links[11]="Projet un | Projet deux"
links[12]="Projet un | Projet deux"
pour (i=0;i {
liArr[i].onclick=function()
{
selectThis(this,liArr,liens)
>
>
>
fonction selectThis(indexObj,allLi,infoArr)
{
var index=0;
pour (i=0;i {
allLi[i].style.border="1px solid #ffffff";
allLi[i].style.backgroundColor="#86C2FF";
allLi[i].style.height="28px";
si (indexObj==allLi[i])
{
index=i;
>
>
indexObj.style.borderBottom="0px solide #666688";
indexObj.style.backgroundColor="#99cc66";
indexObj.style.height="31px";
document.getElementByIdx_x("subMenu").innerHTML=infoArr[index];
>

Page d'accueil

Entertainment Express

Music World< ;/li> ;

Le FLASH ultime

Annonce du site

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.