62,242
社区成员




<li onclick="javascript:xianshimenu1()" style="position:relative;">
<img alt="" src="菜单图片menu1.jpg"/>
<div id="menu1-list" onmouseout="javascript:yinzangmenu1()" style="display:none; position:absolute;left:1px;top:30px;">
<br/>
<a href="" target="_blank">要11111</a>
<a href="" target="_blank">显22222</a>
<a href="" target="_blank">3示3333</a>
<a href="" target="_blank">4的4444</a>
<a href="" target="_blank">下拉菜单</a>
</div>
</li>
<li>
<img alt="" src="和上面一样,加多个主菜单,修改li样式可把主菜单做成横竖各种样式">
</li>
var menu1= document.getElementById("menu1-list");
function xianshimenu1() { menu1.style.display = 'block'; }
function yinzangmenu1() { menu1.style.display = "none"; }
<div class="menu">
<a href="xxx">菜单一</a>
<ul>
<li><a href="">子菜单一</a></li>
<li><a href="">子菜单一</a></li>
<li><a href="">子菜单一</a></li>
</ul>
</div>