javascript层自动关闭效果
分类:实例代码
本章节分享一段代码实例,它实现了在指定的时间之后关闭一个div层。
代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <title>前端教程网</title> <style type="text/css"> #antzone{ background:yellow; padding:20px; position:absolute; left:92px; top:38px; width:200px; height:169px; z-index:1; font-size:12px; } </style> <script type="text/javascript"> window.onload=function(){ var odiv=document.getElementById("antzone"); function done(){ odiv.style.display='none' } setTimeout(done,5000) } </script> </head> <body> <div id="antzone">前端教程网提示:本层5秒后会消失</div> </body> </html>