代码如下:
<&#47script>
$(function () {
$("ul li").hover(function () {
$("ul li").removeClass("liclass")
$(this).addClass("liclass")
})
})
<&#47script>
li
{
border: 1px solid #ABC
display: block
width: 100px
height: 50px
float: left
margin: 10px
text-align: center
}
.liclass{ margin-top:-2px}
鼠标多次悬浮后速度越来越快是因为,每悬浮一次就增加了一个setInterval,div2左移动的数度不断的+一个speed,在a函数里加个判断就行了
function a() {if(!timer){ //如果定时器未定义才设置定时器setInterval
timer = setInterval(function() {
odiv2.style.left = odiv2.offsetLeft + speed + 'px'
if (odiv2.offsetLeft < -odiv2.offsetWidth / 2) {
odiv2.style.left = '0px'
}
}, 30)
}
}
这样速度就不会越来越快了
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)