js写导航栏hover效果每个js定时器产生时会被系统分配一个id，这个id是正整数，而且一个页面里面的定时器id不重复，我们能用一个变量接收这个id，但是如果重复执行一条接收创建语句，那么你只能接收到最新创建的定时器的id，之前创建的定时器的id会被覆盖，但是定时器数量在增加，这就会导致界面一些功能错乱，解决方法就是在重复按开始按钮时，如果已经有了一个定时器那么就不执行语句，我列出了错误代码和三种解决方法，可以解决定时器重复创建问题。不懂这儿的选中是鼠标点击还是覆盖或者是点击之后的效果,因此就都说一下: 1.被点击时的效果可以用div:active{ css } 2.鼠标覆盖在上面的时候可以用div：hover{ css} 3.点击之后的效果，这个相对前2种有些麻烦，必须用到JS或者jquery，步骤如下： a.先给div添加一个选中的样式比如on{css}； b.然后在js中$('div').click(function{ $('div').toggleClass(' ','on')}) 这是jquery自带的一个方法，点击div切换2个class,1：需要获取左侧导航栏对象。
2：绑定事件
3：css中的显示隐藏有：
3.1：display:block显示
3.2：display:none隐藏
3.3：opacity：1；显示
3.4：opacity:：0；隐藏，但元素不会彻底消失只是透明度为0,还是会占据空间。会触发事件。
3.5：visibility:visible显示
3.6：visibility:hidden隐藏，元素不会彻底消失。还会占据空间。
3.7：css3中有transform:scale(1)显示。2D缩放转换
3.8：transform:scale(0)隐藏，2D缩放转换
4：对以上回答如有疑问请指正或者追问。
5：望采纳！
