Question

js 求一个js竖向二级菜单

js竖向二级菜单 鼠标放上去弹出的那种

Answer 1

有两种方法
css实现方法最简单
<style type="text/css">
.htmlcss li{
display:none;
}
.htmlcss:hover li{
display:block;
}
</style>
<ul class="htmlcss">
方案一：css
<li>菜单1</li>
<li>菜单2</li>
<li>菜单3</li>
</ul>

js实现方法有点复杂
<style type="text/css">
.htmljs li{
display:none;
}
.htmljsshow li{
display:block;
}
</style>
<ul class="htmljs" onmouseover="this.className='htmljsshow'" onmouseout="this.className='htmljs'" >
方案二：js
<li>菜单1</li>
<li>菜单2</li>
<li>菜单3</li>
</ul>

至于菜单显示位置可以自己调

追问

css在IE上显示不出来哦~这个js在哪里改二级显示菜单位置呢?菜单我想显示成横向的

追答

.htmljs li{ display:none; } .htmljsshow span{float:left;} .htmljsshow li{ float:left; display:block; } 方案二：js 菜单1 菜单2 菜单3