本文的示例介绍js如何实现多个选项来切换导航菜单，供大家参考，具体实现方法如下：

复制代码代码如下所示：







多选项开关导航菜单





# dnavbar {

背景颜色：# ffffff；

}

# dnavbar李{

列表样式类型：无；

浮点数：左；

宽度：84px；

身高：28px；

行高：28px；

字体大小：12px；

颜色：# ffffff；

边境：1px solid # ffffff；

背景：# 86c2ff；

文本对齐：中心；

显示块；

光标：指针；

}

#子{

背景：# 99cc66；

宽度：500px；

左边界：1px solid # ffffff；

边境：1px solid # ffffff；

Height:29px;

行高：29px；

颜色：# ffffff；

字体大小：12px；

左：10px填充；

}

{体

保证金：0px；

}

答：链接，A：访问{

颜色：# ffffff；

文字装饰：无；

}

答：悬停{

颜色：# ffffff；

文字装饰：无；

}





功能菜单（）

{

无功barctt = document.getelementbyidx_x（dnavbar ）

无功liarr = barctt.getelementsbytagname_r（礼）

新数组（）

链接{ 0 } 当前位置：主页

链接{ 1 } =项目两| |项目三项目四|

链接{ 2 } =项目两| |三项目

链接{ 3 } =项目两| |项目三项目四项目五| |

链接{ 4 } = 项目|项目两

链接{ 5 } =项目两| |三项目

链接{ 6 } = 项目|项目两

链接{ 7 } = 项目|项目两

链接{ 8 } = 项目|项目两

链接{ 9 } = 项目|项目两

链接{ 10 } = 项目|项目两

链接{ 11 } = 项目|项目两

链接{ 12 } = 项目|项目两

为（i = 0；i < liarr.length；i++）

{

LiArr {我} onclick=函数（）。

{

SelectThis（，liarr，链接）

}

}

}

此功能（indexobj，allli，infoarr）

{

var指数= 0；

为（i = 0；i < allli.length；i++）

{

我allli { }。风格。border=1px solid # ffffff ；

我allli { }。风格。背景颜色=# 86c2ff ；

我allli { }。风格。高度=28px ；

如果（indexobj = = allli {我}）

{

索引= i；

}

}

indexobj。风格。borderbottom =0px固体# 666688 ；

indexobj。风格。背景颜色=# 99cc66 ；

indexobj。风格。高度=31px ；

document.getelementbyidx_x（菜单）.innerHTML = infoarr {指数}；

}





家庭娱乐快报



宣布







希望本文能对大家的javaｓｃｒｉｐｔ程序设计有所帮助。