如何用HTML、CSS3和JavaScript做出下图的展开、收起的动画?
发布网友
发布时间:2022-04-23 09:26
我来回答
共1个回答
热心网友
时间:2022-04-06 12:05
这样就是一个展开收缩的效果了
<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>追问谢谢,但你对我的需求好像有误解,我希望展开时这个是全高并且支持滚动的。