js写导航栏hover效果

JavaScript06

js写导航栏hover效果,第1张

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

jquery里面有个hover方法，两个参数，一个是鼠标移入的时候执行方法，第二个是鼠标移出时候执行的方法

$('a').hover(function(){

//一张图

},function(){

//换另一张图

})

可以写一个onmouseover的事件函数，在函数中改变style就可以了。如：

document.getElementById("test").onmouseover=function(){

this.style.color="red"

}

当然，你还可以再写一个onmouseout事件函数