美文网首页
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