首页 > Web开发 > 详细

css广告弹窗满屏跑

时间:2019-04-04 14:55:16      阅读:219      评论:0      收藏:0      [点我收藏+]
window.onload=function(){
        //广告滚动
        var oneInner = $(‘#divid‘)[0];
        //定时器
        var a1a = setInterval(moves,10);
        //函数 
        var x = 1;
        var y = 1;
        function moves(){
            var tops = oneInner.offsetTop
            var lefts = oneInner.offsetLeft
    
            if (lefts>=document.documentElement.clientWidth-oneInner.offsetWidth||lefts<0)
            {
                x = -x;
            }
    
            if (tops>=(document.documentElement.clientHeight+document.documentElement.scrollTop)-oneInner.offsetHeight)
            {
                y = -1;
            }
            if (tops<=document.documentElement.scrollTop){
                y = 1;
            }
    
            tops+=y;
            lefts+=x;
    
            oneInner.style.top=tops+"px"
            oneInner.style.left=lefts+"px"
        }
        //悬停停止
        oneInner.onmouseover=function(){
            clearInterval(a1a);
        }
        //放手继续运动
        oneInner.onmouseout=function(){
            a1a =setInterval(moves,10);
        }
    }

 

css广告弹窗满屏跑

原文:https://www.cnblogs.com/xiufengd/p/10654701.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!