您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > 窗口特效 >

    用JavaScript在网页右下角弹出窗口

    时间:2014-06-06 08:21 来源:互联网 作者:源码搜藏 浏览:收藏 挑错 推荐 打印

    运行代码保存代码复制代码 提示:您可以先修改部分代码再运行,保存代码功能在Firefox下无效。
    • 在右下角弹出窗口,常用于广告代码,或一些大网站的用户信息提示,并且会自动隐藏,可以设置时间间隔,弹出窗口的位置和大小,当然,窗口内容全靠你定了,将JS保存为JS文件,方便你调用。
    • <script type="text/javascript">
      function tips_pop(){
        var MsgPop=document.getElementById("winpop");
        var popH=parseInt(MsgPop.style.height);//将对象的高度转化为数字
         if (popH==0){
         MsgPop.style.display="block";//显示隐藏的窗口
        show=setInterval("changeH('up')",2);
         }
        else { 
         hide=setInterval("changeH('down')",2);
        }
      }
      function changeH(str) {
       var MsgPop=document.getElementById("winpop");
       var popH=parseInt(MsgPop.style.height);
       if(str=="up"){
        if (popH<=100){
        MsgPop.style.height=(popH+4).toString()+"px";
        }
        else{  
        clearInterval(show);
        }
       }
       if(str=="down"){ 
        if (popH>=4){  
        MsgPop.style.height=(popH-4).toString()+"px";
        }
        else{ 
        clearInterval(hide);   
        MsgPop.style.display="none";  //隐藏DIV
        }
       }
      }
      window.onload=function(){//加载
      document.getElementById('winpop').style.height='0px';
      setTimeout("tips_pop()",800);//3秒后调用tips_pop()这个函数
      }
      </script>
    用JavaScript在网页右下角弹出窗口由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/chuangkou/8406.html
    标签:网站源码