js写导航栏hover效果

js写导航栏hover效果每个js定时器产生时会被系统分配一个id，这个id是正整数，而且一个页面里面的定时器id不重复，我们能用一个变量接收这个id，但是如果重复执行一条接收创建语句，那么你只能接收到最新创建的定时器的id，之前创建的定时器的id会被覆盖，但是定时器数量在增加，这就会导致界面一些功能错乱，解决方法就是在重复按开始按钮时，如果已经有了一个定时器那么就不执行语句，我列出了错误代码和三种解决方法，可以解决定时器重复创建问题。

一般都用jQuery写：简单方便。

$(selector).hover(handlerInOut)

。

等同于：$(

selector

).on(

"

mouseover

mouseout",

handlerInOut

)

就可以触发鼠标放上去的事件。

const imgList = document.getElementsByClassName('content')[0].getElementsByTagName('img')

for(let i=0i<imgList.lengthi+=1){

$(imgList[i]).hover(function(){

$(imgList[i]).css("background-color","yellow")

},function(){

$(imgList[i]).css("background-color","transparent")

})

}

混着用的 js的写法复杂一点 所以引入了jq写的

---