美文网首页
js侧边栏运动

js侧边栏运动

作者: 乍暖还寒2002 | 来源:发表于2017-10-10 11:02 被阅读0次

var div1 = document.getElementById('div1');

var span = document.getElementById('span');

var timer;

div1.onmouseover = function(){

hover(10,0);

};

div1.onmouseout = function(){

hover(-10,-150);

}

function hover(speed,target){

clearInterval(timer);

timer = setInterval(function(){

if (div1.offsetLeft == target) {

clearInterval(timer);

} else {

div1.style.left = div1.offsetLeft + speed + 'px';

}

},30)

}

相关文章

网友评论

      本文标题:js侧边栏运动

      本文链接:https://www.haomeiwen.com/subject/xekvyxtx.html