右下角彈出窗口效果代碼

2019-11-21 01:37:13

字體：大中小

來源：轉載

供稿：網友

<!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>右下角彈出框</title> </head> <style type="text/css"> #rbbox{position:absolute;right:0;bottom:0;width:300px;height:0px;overflow:hidden} .button{display:inline;float:right;font-size:12px;cursor:pointer} </style> <body><div   class="iwvjtn8m0"   id="rbbox"><a class="button" onclick="closeBox()">關閉</a><iframe src="http://www.kanshule.com" frameborder="0" height="200" width="300" scrolling="no"></iframe></div> </body> </html> <script language="javascript" type="text/javascript"> window.onload=function(){showBox();setTimeout("closeBox()",5000)} function showBox(o){ if (o==undefined) o=document.getElementById("rbbox"); o.style.height=o.clientHeight+2+"px"; if (o.clientHeight<200) setTimeout(function(){showBox(o)},5); } function closeBox(){document.getElementById("rbbox").style.display="none";} </script>

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

上一篇：JS控制對象移動效果

下一篇：如何讓一個層關閉之后，就算刷新頁面了也不顯示。除非關閉頁面再次打開