前端JS全屏弹动浮窗代码实现

<script type="text/javascript">
            window.οnlοad=function(){
                //写入
                var oneInner = document.createElement("div");
                oneInner.setAttribute("style","position:absolute;width:100px;height:100px;");
                var oneButton = document.createElement("input");
                oneButton.setAttribute("type","button");
                oneButton.setAttribute("class","sysinput");
                oneButton.setAttribute("value","JS全屏弹动浮窗");
//var oneTxt = docrment.createElement("a");
//oneTxt.setAttribute("href","#");
//oneTxt.setAttribute("value","JS全屏弹动浮窗");
                if (oneButton.style.cssFloat)
                {
                    oneButton.style.cssFloat="center";
                }
                else
                {oneButton.style.styleFloat="center";}
//oneTxt.style.styleFloat="right";
                oneInner.appendChild(oneButton);
//oneInner.appendChild(oneTxt);
                document.body.appendChild(oneInner);


                //定时器
                var a1a = setInterval(moves,150);
                //函数
                var x = 10;
                var y = 10;
                function moves(){
                    var tops = oneInner.offsetTop;
                    var lefts = oneInner.offsetLeft;
                    if (lefts>=document.body.clientWidth-oneInner.offsetWidth||lefts<=0)
                    {
                    if(lefts<=0){
                    if(x<0){
                    x=10;
                    }
                    x=+x;
                   
                    }else{
                    x=-x;
                    }
                    }
                    if (tops>=document.body.clientHeight-oneInner.offsetHeight*0.01||tops<=0)
                    {
                    if(tops<=0){
                    y=10;
                    }else{
                    if(y==10){
                    y=-y;
                    };
                    }
                    y=+y;
                    }


                    tops+=y;
                    lefts+=x;
                    oneInner.style.top=tops+"px";
                    oneInner.style.left=lefts+"px";
                };
                //悬停停止
                oneInner.οnmοuseοver=function(){
                    clearInterval(a1a);
                };
                //放手继续运动
                oneInner.οnmοuseοut=function(){
                    a1a =setInterval(moves,150);
                };
                //点击
                oneButton.οnclick=function(){
                  window.location.replace("填写你要跳转的链接地址");
                };
            };
        </script>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值