急需一个javascript的下拉菜单

xmpp 2002-06-11 10:13:20
我的信箱是netproject@sohu.com
...全文
78 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
前台文件模板
再者，JavaScript是实现网页动态功能的关键，如表单验证、下拉菜单、轮播图、弹窗等。模板中的JS文件可能是独立的，也可能是基于像jQuery这样的库来编写，以简化代码并增强浏览器兼容性。此外，现代化的前端框架如...
房间装修设计报价公司模板是一款HTML5模板，适合室内装修建设公司网站模板下载。.rar
模板中还包括了交互式元素，比如下拉菜单、按钮、表单等，这些都是通过现代的CSS3样式和JavaScript库（例如jQuery）实现的。它们不仅增强了网页的交互性，还使得网站的视觉效果更加现代化和吸引人。与此同时，这些...
二栏漂亮的admin后台系统模板下载-漂亮 bootstrap 左栏 响应式 蓝色 精品 ui 图表 后台管理系统
对于急需搭建后台界面的开发团队来说，它是一个省时省力的好选择。通过阅读readme文档，开发者可以迅速了解如何部署和定制模板，以满足特定项目的需求。这款模板无疑能够帮助开发者或设计师构建出高效、便捷的管理...
spiceworks-hdpp:帮助台PowerPack-Spiceworks插件
当前功能（版本3.5 – 2018年1月14日） 排行榜：显示十大帮助台技术人员的列表（基于他们在过去7天关闭的门票数量） 统计和排名：在故障单列表上方显示一个工具栏，显示当前用户的故障单总数（过去7天/过去30天）和...
农业科技服务响应式网站模板
模板可能集成了各类网页特效，如轮播图、下拉菜单、悬浮按钮等，这些都是通过CSS3和JavaScript等前端技术实现的。这些特效不仅提升了网站的交互性，也极大地增强了用户体验。此外，模板还可能具备一定的SEO优化，以...
JavaScript

87,996

社区成员

224,693

社区内容

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

加载中

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

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

+ 用AI写文章