html用div能做收起和展开的侧边框架吗？
发布网友
共4个回答
热心网友
<!--例子如下-->
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<style>
ul{width: 200px;min-height: 50px;border: 1px solid #808080}
li{display: none;}
span{background: 'red'}
</style>
<body>
<ul>鼠标进来
<li>菜单1</li>
<li>菜单2</li>
<li>菜单3</li>
<li>菜单4</li>
</ul>
<ul>鼠标进来
<li>菜单1</li>
<li>菜单2</li>
<li>菜单3</li>
<li>菜单4</li>
</ul>
<ul>鼠标进来
<li>菜单1</li>
<li>菜单2</li>
<li>菜单3</li>
<li>菜单4</li>
</ul>
<ul>鼠标进来
<li>菜单1</li>
<li>菜单2</li>
<li>菜单3</li>
<li>菜单4</li>
</ul>
<script>
var uls = document.getElementsByTagName('ul');
for(i=0;i<=uls.length;i++){
uls[i].onmouseover=function(){
var lis = this.getElementsByTagName('li');
for(var i=0 ;i<lis.length;i++){
lis[i].style.display='block';
}
}
uls[i].onmouseout=function(){
var lis = this.getElementsByTagName('li');
for(var i=0 ;i<lis.length;i++){
lis[i].style.display='none';
}
}
}
</script>
</body>
</html>
热心网友
有js还有做不出来的效果？ 站长素材 懒人图库或者其他的一大把 自己稍微改一下就好
热心网友
是不是这个要求
追答
更改的地方：
css:
#common_box{ left:0; }
#cli_on{ float:right; }
<script>
中把common_box.style.right=r_len+"px"; 改成common_box.style.left=r_len+"px";
热心网友
能做 例子百度一搜一堆 自己找找吧
