急需一个javascript的下拉菜单

xmpp 2002-06-11 10:13:20
我的信箱是netproject@sohu.com
...全文
85 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
wukunrong 2002-06-11
  • 打赏
  • 举报
 回复
一般都是用图层做的，那你想用什么来做
seabell 2002-06-11
  • 打赏
  • 举报
 回复
用层不好吗
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
.menu { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px; color: #FFFFFF; background-color: #006699; border-color: #CCCCCC #666666 #666666 #CCCCCC; border-style: outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; cursor: hand}
.menuonmouse { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px; color: #FFFFFF; background-color: #999999; border-color: #CCCCCC #666666 #666666 #CCCCCC; cursor: hand ; border-style: inset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.menuonmouseout { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px; color: #FFFFFF; background-color: #999999; border-color: #CCCCCC #666666 #666666 #CCCCCC; cursor: hand ; border-style: inset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.menuonmouseover { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px; color: #FFFFFF; background-color: #006699; border-color: #CCCCCC #666666 #666666 #CCCCCC; cursor: hand ; border-style: outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
</style>
</head>

<body bgcolor="#CCCCCC" text="#000000">
<div id="Layer1" style="position:absolute; left:10px; top:10px; width:41px; height:24px; z-index:1">
<table cellspacing="4">
<tr>
<td nowrap id="menu1" class="menuonmouseout" onMouseOver="myover(this,menu01)" >菜单项一</td>
<td nowrap id="menu2" class="menuonmouseout" onMouseOver="myover(this,menu02)" >菜单项二</td>
<td nowrap id="menu3" class="menuonmouseout" onMouseOver="myover(this,menu03)" >菜单项三</td>
<td nowrap id="menu4" class="menuonmouseout" onMouseOver="myover(this,menu04)" >菜单项四</td>
<td nowrap id="menu5" class="menuonmouseout" onMouseOver="myover(this,menu05)" >菜单项五</td>
</tr>
<tr>
<td align="center" valign="top">
<div id="menu01" style=" visibility: hidden">
<table width="75%" border="0" class="menu" onMouseOver="myover(this,menu01)" onMouseOut="myout(this,menu01)">
<tr>
<td nowrap class="menuonmouseout" onMouseOver="myover(this,menu01)" onMouseOut="myout(this,menu01)">菜单项一.一</td>
</tr>
<tr>
<td class="menuonmouseout" onMouseOver="myover(this,menu01)" onMouseOut="myout(this,menu01)">菜单项一.二</td>
</tr>
<tr>
<td class="menuonmouseout" onMouseOver="myover(this,menu01)" onMouseOut="myout(this,menu01)">菜单项一.三</td>
</tr>
</table>
</div>
</td>
<td align="center" valign="top">
<div id="menu02" style=" visibility: hidden">
<table width="75%" border="0" class="menu" onMouseOver="myover(this,menu02)" onMouseOut="myout(this,menu02)">
<tr>
<td nowrap class="menuonmouseout" onMouseOver="myover(this,menu02)" onMouseOut="myout(this,menu02)">菜单项一.一</td>
</tr>
<tr>
<td class="menuonmouseout" onMouseOver="myover(this,menu02)" onMouseOut="myout(this,menu02)">菜单项一.二</td>
</tr>
</table>
</div>
</td>
<td align="center" valign="top">
<div id="menu03" style=" visibility: hidden">
<table width="75%" border="0" class="menu" onMouseOver="myover(this,menu03)" onMouseOut="myout(this,menu03)">
<tr>
<td nowrap class="menuonmouseout" onMouseOver="myover(this,menu03)" onMouseOut="myout(this,menu03)">菜单项一.一</td>
</tr>
<tr>
<td class="menuonmouseout" onMouseOver="myover(this,menu03)" onMouseOut="myout(this,menu03)">菜单项一.二</td>
</tr>
<tr>
<td class="menuonmouseout" onMouseOver="myover(this,menu03)" onMouseOut="myout(this,menu03)">菜单项一.三</td>
</tr>
<tr>
<td class="menuonmouseout" onMouseOver="myover(this,menu03)" onMouseOut="myout(this,menu03)">菜单项一.四</td>
</tr>
</table>
</div>
</td>
<td valign="top" align="center">
<div id="menu04" style=" visibility: hidden">
<table width="75%" border="0" class="menu" onMouseOver="myover(this,menu04)" onMouseOut="myout(this,menu04)">
<tr>
<td nowrap class="menuonmouseout" onMouseOver="myover(this,menu04)" onMouseOut="myout(this,menu04)">菜单项一.一</td>
</tr>
<tr>
<td class="menuonmouseout" onMouseOver="myover(this,menu04)" onMouseOut="myout(this,menu04)">菜单项一.二</td>
</tr>
<tr>
<td class="menuonmouseout" onMouseOver="myover(this,menu04)" onMouseOut="myout(this,menu04)">菜单项一.三</td>
</tr>
</table>
</div>
</td>
<td align="center" valign="top">
<div id="menu05" style=" visibility: hidden">
<table width="75%" border="0" class="menu" onMouseOver="myover(this,menu05)" onMouseOut="myout(this,menu05)">
<tr>
<td nowrap class="menuonmouseout" onMouseOver="myover(this,menu05)" onMouseOut="myout(this,menu05)">菜单项一.一</td>
</tr>
<tr>
<td class="menuonmouseout" onMouseOver="myover(this,menu05)" onMouseOut="myout(this,menu05)">菜单项一.二</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
<p> </p>
</body>
</html>
<script>
function myover(obj,menu)
{
menu1.className = "menuonmouseout";//将所有一级菜单的样式设置为menuonmouseout;
menu2.className = "menuonmouseout";
menu3.className = "menuonmouseout";
menu4.className = "menuonmouseout";
menu5.className = "menuonmouseout";

obj.className = "menuonmouseover";//将当前菜单的样式设置为menuonmouseover；

menu01.style.visibility = "hidden";//将所有二级菜单所在的图层隐藏；
menu02.style.visibility = "hidden";
menu03.style.visibility = "hidden";
menu04.style.visibility = "hidden";
menu05.style.visibility = "hidden";

menu.style.visibility = "visible";//将当前菜单所在图层设置为可见；
}
function myout(obj,menu)
{
obj.className = "menuonmouseout";//将当前菜单的样式设置为menuonmouseout;
menu.style.visibility = "hidden";//将当前菜单所在的图层隐藏；
}
</script>
xmpp 2002-06-11
  • 打赏
  • 举报
 回复
我不想用层做，那样做得不好。
qisanyou 2002-06-11
  • 打赏
  • 举报
 回复
你用下拉菜单做为关键词在javascript和主页制作区都能找到一大把，你的邮箱都装不了，嘻嘻~~~~~~~~~~~~~~~~~~
孟子E章 2002-06-11
  • 打赏
  • 举报
 回复
http://lucky.myrice.com/main.html
http://colorweb.go.163.com/index6.htm
前台文件模板
很丰富的前台模板，对于初学或者暂时找不到好的前台模板的可以下载下来看看！
房间装修设计报价公司模板是一款HTML5模板，适合室内装修建设公司网站模板下载。.rar
房间装修设计报价公司模板是一款HTML5模板，适合室内装修建设公司网站模板下载。
二栏漂亮的admin后台系统模板下载-漂亮 bootstrap 左栏 响应式 蓝色 精品 ui 图表 后台管理系统
二栏漂亮的admin后台系统模板下载_漂亮 后台 后台系统 bootstrap 左栏 二栏 响应式 手机 蓝色 精品 admin admin后台 cms ui 图表 后台ui界面 后台管理系统.rar
spiceworks-hdpp:帮助台PowerPack-Spiceworks插件
帮助台PowerPack-Spiceworks插件 Spiceworks帮助台的免费插件，可启用一系列急需的功能：工单计数，必填字段，快速输入字段和工单联系方式，以及更多！ 当前功能（版本3.5 – 2018年1月14日） 排行榜：显示十大帮助台技术人员的列表（基于他们在过去7天关闭的门票数量） 统计和排名：在故障单列表上方显示一个工具栏，显示当前用户的故障单总数（过去7天/过去30天）和与其他帮助台技术人员相比的排名 票证视图菜单：更改票证视图下拉菜单上选项的顺序，和/或完全删除某些选项 工单列表高度：设置首次加载帮助台时工单列表的高度。 默认情况下，这将扩展可见区域以仅显示此数量的票证。 工单计数：启用此选项将在工单视图下拉菜单中的某些选项旁边显示工单总数（包括当前选择的视图） 默认评论表单：选择在查看票证时默认显示“公共回复”，“内部注释”或“购买”评论表单 删除按钮：选择一
农业科技服务响应式网站模板
农业科技服务响应式网站模板
JavaScript

87,994

社区成员

224,689

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章