简单的javascript下拉菜单

前端之家收集整理的这篇文章主要介绍了简单的javascript下拉菜单前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想要点击图标(图像)将显示下拉菜单.我只需要简单的菜单,没有子菜单,我不想使用像jQuery或MooTools这样的库.

谁能帮我这个?

解决方法

只需在纯 HTML中创建菜单,但隐藏它(显示:无).当用户点击按钮时,取消隐藏(设置“显示:块”).
还有什么要做的就是在菜单添加“onmouSEOut”,使其在用户离开菜单时消失.

这样的东西

<img src="icon.gif" onclick='showMenu()' />
<ul id="menu" style="display:none" onmouSEOut="hideMenu()">
  <li>Menu1</li>
  <li>Menu2</li>
</ul>

<script type="text/javascript">
 function showMenu(){
   document.getElementById("menu").style.display="block";
 }
 function hideMenu(){
   document.getElementById("menu").style.display="none";
 }
</script>

猜你在找的JavaScript相关文章