首先给大家分享一个巨牛巨牛的人工智能教程,是我无意中发现的。教程不仅零基础,通俗易懂,而且非常风趣幽默,还时不时有内涵段子,像看小说一样,哈哈~我正在学习中,觉得太牛了,所以分享给大家!点这里可以跳转到教程
<html>
<title>index</title>
<head>
<script>
</script>
</head>
<body >
<a href="#" onclick="document.getElementById('oDiv').style.display='block'">click</a>
<div id="oDiv" style="display:none"> this is a herf</div>
</body>
</html>
比较简单的实现.style.display就是控制层隐藏或显示的属性.<html><body><script>function show(){document.getElementById("div").style.display="";//alert(document.getElementById("div").style.display)}function hidden(){document.getElementById("div").style.display="none";//alert(document.getElementById("div").style.display)}</script><BODY><input name="name" type="button" onClick="show();" value="显示"><div id="div" style="display: none" onMouseout="hidden();">show it</div></BODY></HTML>
div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白
style="visibility: none;"
document.getElementById("typediv1").style.visibility="hidden";//隐藏
document.getElementById("typediv1").style.visibility="visible";//显示
通过设置display属性可以使div隐藏后释放占用的页面空间,如下
style="display: none;"
document.getElementById("typediv1").style.display="none";//隐藏
document.getElementById("typediv1").style.display="";//显示
如果用div.style.display="none"隐藏会引起,div里面的东西休眠,里面的事件就不响应了。