显示层3s后隐藏

显示层3s后隐藏

<!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" xml:lang="en"> <head> <title>豪情</title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <style type="text/css"> #test{100px;height:100px;border:1px solid #ccc;background:#eee;display:none;} </style> </head> <body> <div id="test">this is a</div> <input type="button" value="test-btn" id="btn" onclick="show('obj')" /> <script type="text/javascript"> var $ = function(id){ return document.getElementById(id); }; var obj = $('test'), btn = $('btn'); var show = function(id){$(id).style.display = 'block'; } var hide = function(id){$(id).style.display = 'none'; } btn.onclick = function(){ show('test'); } setInterval(function(){hide('test')}, 3000); </script> </body> </html>

查看全文

相关阅读:
20145203盖泽双《Java程序设计》第6周学习总结
 20145203盖泽双实验一 Java开发环境的熟悉(Linux + Eclipse)
20145203盖泽双《Java程序设计》第五周学习总结
 20145203盖泽双《Java程序设计》第四周学习总结
 20145203盖泽双《Java程序设计》第三周学习总结
 ## 20145203盖泽双《Java程序设计》第二周学习总结
 总结同学们第一周作业出现的问题
 DOS命令行简单用法
 20145203 盖泽双《Java程序设计》第一周的学习总结
 20145216史婧瑶《Java程序设计》第二次实验报告