<body>
<div id="div1">
<ul>
<li></li>
</ul>
</div>
<script>
var oDiv = document.getElementById('div1')
var oUl = oDiv.getElementsByTagName('ul')[0]
var Off = true
oDiv.onclick = function(){
if(Off){
oUl.style.display = "block"
Off = false
}else{
oUl.style.display = "none"
Off = true
}
}
</script>
css一般处理鼠标移动显示事件,利用:hover很方便就能实现。点击事件的话,一般跟JS配合。
显示隐藏,一般都是利用display这个CSS来控制,因为它隐藏的时候不占位置。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)