js實現右下角窗口彈出窗口效果

2019-11-21 01:38:52

字體：大中小

來源：轉載

供稿：網友

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">     <head>         <meta http-equiv="Content-Type" content="text/html; charset=GB2312" />         <title>右下角彈窗效果練習 by 阿會楠</title>         <script language="JavaScript" type="text/javascript">             function $(obj){                 return document.getElementById(obj);             }             function pop(obj){                 var h = parseInt($("popDiv").currentStyle.height);                 $("popDiv").style.height = (h + obj) + "px";                 if(parseInt($("popDiv").style.height) < 2){                     window.clearInterval(timer);                     $("popDiv").style.display = "none";                 }                 if(parseInt($("popDiv").style.height) >= 200){                     window.clearInterval(timer);                 }                      }                          var timer;             function runtimer(obj){                 timer = window.setInterval(function(){pop(obj)},10);             }             window.onload = function(){                 runtimer(2);             }         </script>     </head>     <body>         <div style="position:absolute;right:0;bottom:0;height:0px;width:200px;border:1px solid red;" id="popDiv">         <a href="javascript:runtimer(-2);void(0)">×</a>         </div>     </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：javascript移動的盒子效果代碼

下一篇：動態修改DOM 里面的 id 屬性的弊端分析