点击打开层5秒后自动隐藏

前端设计 发布于 热度(9998)
javascript 代码
 
  1. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
  5. <title> 5秒后自动关闭 诺豆网 Nuodou.com </title>  
  6. <script language="javascript">  
  7. function showdiv()  
  8.   {  

  9. document.getElementById("hidediv").style.display="";  

  10. setTimeout(function(){document.getElementById('hidediv').style.display= 'none';},5000);  

  11.   }  
  12. </script>  
  13. </head>  
  14.   
  15. <body>  
  16. <div style="border:1px dashed #000000; width:300px; height:150px; display:none;" id="hidediv"> <br><br>  诺豆网 Nuodou.com<br><br>  我将于 5秒 后自动关闭 </div>  
  17. <div >  
  18.   <input type="button" name="Submit" value="点此显示层" onclick="showdiv()" />  
  19. </div>  
  20. </body>  
  21. </html> 

声明：本站所有文章，如无特殊说明或标注，均为本站YangJunwei原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。本文链接https://yangjunwei.com/132.html

上一篇

下一篇

相关文章