1. 爱易网页
  2. ASP教程
  3. 请教各位大侠下拉菜单如何做

请教各位大侠下拉菜单如何做

日期：2014-05-17　 浏览次数：20957 次

请问各位大侠下拉菜单怎么做?
请问各位大侠下拉菜单怎么做?现在的网站一般都采用下拉式菜单,鼠标一放上去就会显示下拉菜单,请问各位大侠,这个是怎么实现的?望各位指教

------解决方案--------------------
原理大概如下，就是设置style.visibility和z-index实现隐藏，通过mouseover，mouseout实现显示。好像Dream什么的有相关编辑工具。

菜单要用脚本，会降低网站通用性，还严重影响浏览，最好不用。

<head>
<style>
.cssMenuBar{width:200; height:20; color:blue; background:menu; cursor:hand; font-size:10pt;}
.cssMenu{position:absolute; visibility:hidden; z-index:1; width:200; height:100; color:blue; background:menu; cursor:hand; font-size:10pt;}
</style>
</head>
<body>
<div>
<div id= "htmMenuBar " class= "cssMenuBar " > 放在我上面! </div>
<div id= "htmMenu " class= "cssMenu ">
这是 <br> 菜单
</div>
</div>
aefasdfefazxcvzxcvz
</body>

<script language= "vbs ">
Sub htmMenuBar_onMouseOver()
Window.event.srcelement.ParentElement.children(1).style.visibility= "visible "
End Sub

Sub htmMenuBaronMouseOut()
Window.event.srcelement.ParentElement.children(1).style.visibility= "hidden "
End Sub

Sub htmMenu_onMouseOver()
Window.event.srcelement.ParentElement.children(1).style.visibility= "visible "
End Sub

Sub htmMenu_onMouseOut()
Window.event.srcelement.ParentElement.children(1).style.visibility= "hidden "
End Sub

</script>

相关资料更多>

  1. FSO系列之六**示例代码之准备工作
  2. 防范ASP木马的十大基本原则解决思路
  3. 当读取数据库记录为0时出有关问题了
  4. 处理错误
  5. 在ASP中使用SQL语句之5:开始执行
  6. innerHTML一个文档该如何做
  7. asp 操作数据库时如何实现执行一条显示一条
  8. 用IS6 进行 ASP 软件的打包和自动安装
  9. 怎样从高到低显示前100名的学生成绩?解决方法