JavaScript如何实现联动菜单特效

　　介绍

小编给大家分享一下JavaScript如何实现联动菜单特效,希望大家阅读完这篇文章之后都有所收获、下面让我们一起去探讨吧!

一篇关于JavaScript特效的文章,今天给大家带来联动菜单特效,这可能是一个系列哦!

<>强效果图

和以前一样,先发效果图,然后在进行讲解。

JavaScript如何实现联动菜单特效

<强>代码

& lt; ! DOCTYPE  html> 　　& lt; html> 　　& lt; head> 　　,& lt; meta  charset=皍tf-8"比; 　　,& lt; meta  http-equiv=癤-UA-Compatible",内容=癐E=edge"比; 　　,& lt; title> & lt;/title> 　　,& lt; link  rel=皊tylesheet" https://www.yisu.com/zixun/, href=" "> 　　

联动菜单

　　<选择id=笆　眔nchange=" ld (); "> 　　<选项值=" 1 ">请选择> 安徽 　　<选项值=" 1 ">浙江> 　　<选择id="城市"> 　　 　　 　　身体 　　<>脚本//定义地区数组 　　var面积=( 　　['安庆”、“黄山”,“合肥”), 　　['杭州”、“温州”,“宁波”) 　　];//联动函数 　　函数ld () { 　　var?. getelementbyid(“省”);//找到省对象 　　var城市=. getelementbyid(“城市”);//找到市对象 　　var="选择;//如果是请选择,就显示空,并结束函数 　　如果(省。值==1){ 　　的城市。innerHTML=选择; 　　返回; 　　} 　　(var=0, len=区域[province.value] . length;我赞