您的位置:68399皇家赌场 > 服务器租用 > JavaScript达成广告弹窗效果

JavaScript达成广告弹窗效果

发布时间:2019-07-20 05:03编辑:服务器租用浏览(58)

    www.68399.com 1

    HTML 

    www.68399.com,你恐怕感兴趣的稿子:

    • js 右下角弹窗效果代码(IE only)
    • JS非Alert落到实处网页右下角“未读新闻”效果弹窗
    • javascript贯彻的右下角弹窗实例
    • 纯js的右下角弹窗实例
    • js弹窗代码 能够钦点弹出间隔
    • js点击弹出div层完结可牵引的弹窗效果
    • Js调控弹窗达成在随便分辨率下居中展现
    • JS自动适应的图样弹窗实例
    • JavaScript落到实处广告弹窗效果
    • JS封装的效仿qq右下角音讯弹窗功用示例

    点击测验

    www.68399.com 2

    /**
     * Created by Administrator on 2016/7/19.
     */
    var adv={
      div:null,
      timer:null,
      btn:null,
      init:function(){
        this.btn=document.getElementById("closeBtn");
        this.div=document.getElementById("middleBox");
        this.btn.onclick=this.displayNone;
      },
      displayBlock:function(){
        adv.div.style.display="block";
      },
      displayNone:function(){
        adv.div.style.display="none";
        timer=setTimeout(function(){
          adv.displayBlock();
        },3000);
      }
    };
    window.onload=function(){
      adv.init();
    };
    

    [Ctrl A 全选 注:如需引进外界Js需刷新本领试行]

    <!doctype html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>Document</title>
      <style>
        div{text-align: center;line-height: 150px;font-weight: bold;}
        #dv{width: 300px;height: 150px;position: absolute;left: 200px;top: 100px;background: red;}
        #dv2{width: 300px;height: 150px;position: absolute;left: 600px;top: 100px;background: yellow;}
      </style>
      <script>
          window.onload=function(){
            // 得到0--255的随机数
            function getRandNumber(rmin,rmax){
              var cha = rmax-rmin;
              var rand = Math.random();
              return rmin Math.round(cha*rand)
            }
            var oDv = document.getElementById('dv')
            var oDv2 = document.getElementById('dv2')
            //抖动需要获取的值一个数组
            var arr=[];
    
            // 随机变色
            setInterval(function(){
              var arr2 = [
                getRandNumber(0,255),
                getRandNumber(0,255),
                getRandNumber(0,255)
                ];
    
              oDv.style.backgroundColor="rgb(" arr2[0] "," arr2[1] "," arr2[2] ")"
            },130) 
            // 抖动获取值放到数组中
              for(var i=20;i>0;i-=2){
                arr.push(i,-i)
              }
            // 第一个盒子抖动
            oDv.onclick=function(){
              sb(oDv,'left',function(){
                sb(oDv,'top')
              })
    
            }
            // 第二个盒子抖动
            oDv2.onclick=function(){
              sb(oDv2,'left',function(){
                sb(oDv2,'top')
              })
    
            }
            // 抖动
            function sb(obj,attr,fnEnd){
              var timer=null;
              var num=0;
    
              clearInterval(timer)
              timer=setInterval(function(){
              obj.style[attr]=parseInt(getStyle(obj,attr)) arr[num] 'px'
              num  ;
              if(num===arr.length){
                clearInterval(timer)
                fnEnd&&fnEnd()
                obj.innerHTML='我是' getStyle(obj,'backgroundColor') '色'
                //alert(1)
              }
    
              },50)
    
            }
    
            function getStyle(obj,attr){
              return obj.currentStyle?obj.currentStyle[attr]:getComputedStyle(obj)[attr]
            }
          };
      </script>
    </head>
    <body>
      <div id="dv">点我呀</div>
      <div id="dv2">点我呀</div>
    </body>
    </html>
    

    世家都见过某度中的恶意广告,你关闭了又出去了!为啥,JS来报告您

    那是一款特别精细雅观的仿MSN右下角弹出窗口,带关闭功效,直接复制代码就使得。演示要用到多少个小图片,运营的时候点击右键保存一下,这里提供一种思路,并不完全局限于此种艺术,耳闻则诵。

    点击测量试验

    本文由68399皇家赌场发布于服务器租用,转载请注明出处:JavaScript达成广告弹窗效果

    关键词: 68399皇家赌场

上一篇:利用jquery清空、重新恢复设置整个输入域

下一篇:没有了