首 页 ┆ 文章中心 ┆ 下载中心 ┆ 娱乐八卦 ┆ 本站论坛 ┆ 拜仁联盟 ┆ 球迷社区 ┆ 博客日志 ┆ 建站服务 ┆ 域名抢注 ┆ 繁體中文
设为首页
加入收藏
联系我们
E-mail:WebMaster#fcbu.com
　|  源码下载 | 工具下载 | 素材下载 | 教程下载 | ASP 源码 | PHP 源码 | JSP 源码 | ASP 教程 | .NET教程 | PHP 教程 | 服务器教程 |
　|  网络资讯 | 网站运营 | 网页制作 | 数 据 库 | 网络编程 | 图象媒体 | 操作系统 | 网络应用 | 软件教学 | 火爆影视 | 五 花 八 门|
　|  电脑医院 | 系统攻略 | 网管技术 | 电脑硬件 | 软件天地 | 网络知识 | 网页制作 | 编程讨论 | 综合问题 | 职场生涯 | 数 码 手 机|
载入中…
当前位置:站长天下 -> 网页制作 -> 求助-请教一个关于鼠标驱动的下拉菜单的问题

求助-请教一个关于鼠标驱动的下拉菜单的问题
收集:TTXS(Fcbu.Com)　　 来源:互联网　　 时间:2006-06-25　
[url>http://www.7wind.net/wytx/cd/20.htm
　　
　　这个网页上的演示只有四个标题,我想知道这个效果为什么不能做第五个菜单,我在DW里试的时候,做了十个标题,只有前面四个可以正常显示.第五个开始出现的状况是:鼠标移到标题上,能显示子菜单,但是无法点击,只要鼠标一移到子菜单上,子菜单立刻消失.我不明白,为什么不能增加标题的数目.我看了半天代码,实在是.........
　　不知道要修改哪里.
　　
　　
　　如果网页打不开,请看下面.我把代码复制下来了.
　　加入＜BODY＞区的代码
　　＜STYLE type=text/css＞.menubar {
　　 BORDER-RIGHT: 1px outset; BORDER-TOP: 1px outset; BACKGROUND: ＆＃35;0099cc; BORDER-LEFT: 1px outset; WIDTH: 100px; CURSOR: default; COLOR: yellow; BORDER-BOTTOM: 1px outset; POSITION: absolute; TOP: 10px; HEIGHT: 20px
　　}
　　.menu {
　　 BORDER-RIGHT: 2px outset; PADDING-RIGHT: 15px; BORDER-TOP: white 2px outset; DISPLAY: none; PADDING-LEFT: 15px; BACKGROUND: yellow; PADDING-BOTTOM: 15px; BORDER-LEFT: 2px outset; WIDTH: 140px; PADDING-TOP: 15px; BORDER-BOTTOM: 2px outset; POSITION: absolute; TOP: 30px
　　}
　　.menu A {
　　 COLOR: blue; TEXT-DECORATION: none
　　}
　　.menu A:hover {
　　 COLOR: ＆＃35;ffffff
　　}
　　＜/STYLE＞
　　＜SCRIPT language=javascript＞
　　function menuControl(show)
　　{
　　window.event.cancelBubble=true;
　　var objID=event.srcElement.id;
　　var index=objID.indexOf(“_“);
　　var mainID=objID.substring(0,index);
　　var numID=objID.substring(index 1,objID.length);
　　if(mainID==“menubar“)
　　{
　　if(show==1)
　　{
　　ev＆＃97;l(“showMenu(“ “menu_“ numID “)“);
　　}
　　else
　　{
　　ev＆＃97;l(“hideMenu(“ “menu_“ numID “)“);
　　}
　　}
　　
　　}
　　
　　var nbottom=0,speed=7;
　　function displayMenu(obj)
　　{
　　obj.style.clip=“rect(0 100% “ nbottom “% 0)“;
　　nbottom =speed;
　　if(nbottom＜=100)
　　{
　　timerID=setTimeout(“displayMenu(“ obj.id “),70“);
　　}
　　else clearTimeout(timerID);
　　}
　　function showMenu(obj)
　　{
　　obj.style.display=“block“;
　　obj.style.clip=“rect(0 0 0 0)“;
　　nbottom=5;
　　displayMenu(obj);
　　}
　　function hideMenu(obj)
　　{
　　nbottom=0;
　　obj.style.display=“none“;
　　}
　　function keepMenu(obj)
　　{
　　obj.style.display=“block“;
　　}
　　＜/SCRIPT＞
　　＜TABLE style=“FONT-SIZE: 15px“ cellSpacing=0 cellPadding=0 width=400 border=0＞
　　 ＜TBODY＞
　　 ＜TR＞
　　 ＜TD width=“20%“＞
　　 ＜DIV class=menubar id=menubar_1 onmouseover=menuControl(1)
　　 onmouseout=menuControl(0) align=center＞教育网站 ＜/DIV＞＜/TD＞
　　 ＜TD width=“20%“＞
　　 ＜DIV class=menubar id=menubar_2 onmouseover=menuControl(1)
　　 onmouseout=menuControl(0) align=center＞电脑网站 ＜/DIV＞＜/TD＞
　　 ＜TD width=“20%“＞
　　 ＜DIV class=menubar id=menubar_3 onmouseover=menuControl(1)
　　 onmouseout=menuControl(0) align=center＞免费邮件 ＜/DIV＞＜/TD＞
　　 ＜TD width=“20%“＞
　　 ＜DIV class=menubar id=menubar_4 onmouseover=menuControl(1)
　　 onmouseout=menuControl(0) align=center＞其它网站 ＜/DIV＞＜/TD＞＜/TR＞
　　 ＜TR＞
　　 ＜TD width=“20%“＞
　　 ＜DIV class=menu id=menu_1 onmouseover=keepMenu(this)
　　 onmouseout=hideMenu(this) align=left＞＜A
　　 href=“http://www.cqcas.edu.cn/“＞重庆民政学校＜/A＞＜BR＞＜A
　　 href=“http://www.cqu.edu.cn/“＞重庆大学＜/A＞＜BR＞＜A
　　 href=“http://www.cquc.edu.cn/“＞重庆交通学院＜/A＞ ＜/DIV＞＜/TD＞
　　 ＜TD width=“20%“＞
　　 ＜DIV class=menu id=menu_2 onmouseover=keepMenu(this)
　　 onmouseout=hideMenu(this) align=left＞＜A
　　 href=“http://www.yesky.com/“＞天极网＜/A＞＜BR＞＜A
　　 href=“http://www.cfan.cn.net/“＞电脑爱好者＜/A＞＜BR＞＜A
　　 href=“http://www.intoweb.com.cn/“＞上网杂志＜/A＞ ＜/DIV＞＜/TD＞
　　 ＜TD width=“20%“＞
　　 ＜DIV class=menu id=menu_3 onmouseover=keepMenu(this)
　　 onmouseout=hideMenu(this) align=left＞＜A
　　 href=“http://www.163.com/“＞163电子邮件＜/A＞＜BR＞＜A
　　 href=“http://freemail.263.net/“＞首都在线＜/A＞＜BR＞＜A
　　 href=“http://www.21cn.com/“＞21CN电子邮件＜/A＞＜BR＞＜A
　　 href=“http://www.chinese.com/“＞炎皇在线＜/A＞ ＜/DIV＞＜/TD＞
　　 ＜TD width=“20%“＞
　　 ＜DIV class=menu id=menu_4 onmouseover=keepMenu(this)
　　 onmouseout=hideMenu(this) align=left＞＜A
　　 href=“http://www.sohu.com.cn/“＞搜狐＜/A＞＜BR＞＜A
　　 href=“http://www.yahoo.com/“＞雅虎＜/A＞＜BR＞＜A
　　 href=“http://www.cseek.com/“＞搜索客＜/A＞＜BR＞＜A
　　 href=“http://www.sina.com/“＞新浪网＜/A＞＜BR＞＜A
　　 href=“http://202.102.4.31/51windows/js/httP;//www.cqcas.edu.cn/user/sailing“＞远航网站＜/A＞
　　 ＜/DIV＞＜/TD＞＜/TR＞＜/TBODY＞＜/TABLE＞
＜STYLE type=text/css＞.menubar {
BORDER-RIGHT: 1px outset; BORDER-TOP: 1px outset; BACKGROUND: ＆＃35;0099cc; BORDER-LEFT: 1px outset; WIDTH: 100px; CURSOR: default; COLOR: yellow; BORDER-BOTTOM: 1px outset; POSITION: absolute; TOP: 10px; HEIGHT: 20px
}
.menu {
BORDER-RIGHT: 2px outset; PADDING-RIGHT: 15px; BORDER-TOP: white 2px outset; DISPLAY: none; PADDING-LEFT: 15px; BACKGROUND: yellow; PADDING-BOTTOM: 15px; BORDER-LEFT: 2px outset; WIDTH: 140px; PADDING-TOP: 15px; BORDER-BOTTOM: 2px outset; POSITION: absolute; TOP: 30px
}
.menu A {
COLOR: blue; TEXT-DECORATION: none
}
.menu A:hover {
COLOR: ＆＃35;ffffff
}
＜/STYLE＞
＜SCRIPT language=javascript＞
function menuControl(show)
{
window.event.cancelBubble=true;
var objID=event.srcElement.id;
var index=objID.indexOf(＂_＂);
var mainID=objID.substring(0,index);
var numID=objID.substring(index 1,objID.length);
if(mainID==＂menubar＂)
{
if(show==1)
{
eval(＂showMenu(＂ ＂menu_＂ numID ＂)＂);
}
else
{
eval(＂hideMenu(＂ ＂menu_＂ numID ＂)＂);
}
}
}
var nbottom=0,speed=7;
function displayMenu(obj)
{
obj.style.clip=＂rect(0 100% ＂ nbottom ＂% 0)＂;
nbottom =speed;
if(nbottom＜=100)
{
timerID=setTimeout(＂displayMenu(＂ obj.id ＂),70＂);
}
else clearTimeout(timerID);
}
function showMenu(obj)
{
obj.style.display=＂block＂;
obj.style.clip=＂rect(0 0 0 0)＂;
nbottom=5;
displayMenu(obj);
}
function hideMenu(obj)
{
nbottom=0;
obj.style.display=＂none＂;
}
function keepMenu(obj)
{
obj.style.display=＂block＂;
}
＜/SCRIPT＞
＜TABLE style=＂FONT-SIZE: 15px＂ cellSpacing=0 cellPadding=0 width=500 border=0＞
　　＜TBODY＞
　 　 ＜TR＞
　 　　 　＜TD width=＂20%＂＞ ＜DIV class=menubar id=menubar_1 onmouseover=menuControl(1)
　 　　 　onmouseout=menuControl(0) align=center＞教育网站 ＜/DIV＞＜/TD＞
　 　　 　＜TD width=＂20%＂＞ ＜DIV class=menubar id=menubar_2 onmouseover=menuControl(1)
　 　　 　onmouseout=menuControl(0) align=center＞电脑网站 ＜/DIV＞＜/TD＞
　 　　 　＜TD width=＂20%＂＞ ＜DIV class=menubar id=menubar_3 onmouseover=menuControl(1)
　 　　 　onmouseout=menuControl(0) align=center＞免费邮件 ＜/DIV＞＜/TD＞
　 　　 　＜TD width=＂20%＂＞ ＜DIV class=menubar id=menubar_4 onmouseover=menuControl(1)
　 　　 　onmouseout=menuControl(0) align=center＞其它网站 ＜/DIV＞＜/TD＞
　 　　 　＜TD width=＂20%＂＞＜DIV class=menubar id=menubar_5 onmouseover=menuControl(1)
　 　　 　onmouseout=menuControl(0) align=center＞追加网站 ＜/DIV＞＜/TD＞
　 　 ＜/TR＞
　 　 ＜TR＞
　 　　 　＜TD width=＂20%＂＞ ＜DIV class=menu id=menu_1 onmouseover=keepMenu(this)
　 　　 　onmouseout=hideMenu(this) align=left＞＜A
　 　　 　href=＂http://www.cqcas.edu.cn/＂＞重庆民政学校＜/A＞＜BR＞
　 　　 　　 　 ＜A
　 　　 　href=＂http://www.cqu.edu.cn/＂＞重庆大学＜/A＞＜BR＞
　 　　 　　 　 ＜A
　 　　 　href=＂http://www.cquc.edu.cn/＂＞重庆交通学院＜/A＞ ＜/DIV＞＜/TD＞
　 　　 　＜TD width=＂20%＂＞ ＜DIV class=menu id=menu_2 onmouseover=keepMenu(this)
　 　　 　onmouseout=hideMenu(this) align=left＞＜A
　 　　 　href=＂http://www.yesky.com/＂＞天极网＜/A＞＜BR＞
　 　　 　　 　 ＜A
　 　　 　href=＂http://www.cfan.cn.net/＂＞电脑爱好者＜/A＞＜BR＞
　 　　 　　 　 ＜A
　 　　 　href=＂http://www.intoweb.com.cn/＂＞上网杂志＜/A＞ ＜/DIV＞＜/TD＞
　 　　 　＜TD width=＂20%＂＞ ＜DIV class=menu id=menu_3 onmouseover=keepMenu(this)
　 　　 　onmouseout=hideMenu(this) align=left＞＜A
　 　　 　href=＂http://www.163.com/＂＞163电子邮件＜/A＞＜BR＞
　 　　 　　 　 ＜A
　 　　 　href=＂http://freemail.263.net/＂＞首都在线＜/A＞＜BR＞
　 　　 　　 　 ＜A
　 　　 　href=＂http://www.21cn.com/＂＞21CN电子邮件＜/A＞＜BR＞
　 　　 　　 　 ＜A
　 　　 　href=＂http://www.chinese.com/＂＞炎皇在线＜/A＞ ＜/DIV＞＜/TD＞
　 　　 　＜TD width=＂20%＂＞ ＜DIV class=menu id=menu_4 onmouseover=keepMenu(this)
　 　　 　onmouseout=hideMenu(this) align=left＞＜A
　 　　 　href=＂http://www.sohu.com.cn/＂＞搜狐＜/A＞＜BR＞
　 　　 　　 　 ＜A
　 　　 　href=＂http://www.yahoo.com/＂＞雅虎＜/A＞＜BR＞
　 　　 　　 　 ＜A
　 　　 　href=＂http://www.cseek.com/＂＞搜索客＜/A＞＜BR＞
　 　　 　　 　 ＜A
　 　　 　href=＂http://www.sina.com/＂＞新浪网＜/A＞＜BR＞
　 　　 　　 　 ＜A
　 　　 　href=＂http://202.102.4.31/51windows/js/httP;//www.cqcas.edu.cn/user/sailing＂＞远航网站＜/A＞
　 　　 ＜/DIV＞＜/TD＞
　 　　 　＜TD width=＂20%＂＞＜DIV class=menu id=menu_5 onmouseover=keepMenu(this)
　 　　 　onmouseout=hideMenu(this) align=left＞＜A
　 　　 　href=＂http://＂＞SweetSnow＜/A＞＜BR＞
　 　　 　　 　 ＜A
　 　　 　href=＂http://＂＞teamomo＜/A＞＜BR＞
　 　　 　　 　 ＜A
　 　　 　href=＂http://www.fcbu.com/＂＞fcbu＜/A＞＜BR＞
　 　　 　　 　 ＜A
　 　　 　href=＂http://＂＞over＜/A＞＜BR＞
　 　　 　　 　 ＜A
　 　　 　href=＂http://＂＞ok＜/A＞
　 　　 ＜/DIV＞＜/TD＞
　 　 ＜/TR＞
　　＜/TBODY＞
＜/TABLE＞
5个菜单的了～
打印本文　 返回顶部　 加入收藏　 关闭窗口
广 告 位 招 租
  • 上一篇： 有事请教各位大侠
  • 下一篇： 【guantianxia】你的问题解答……用短信好累哦……进来说话……
    		•
    关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接 - 网站地图 - 管理登录
    联系方式
    Copyright © 2004-2007 FCBU.Com All Rights Reserved.
    版权所有:『站长天下』 新凌讯网络;保留所有权利. 赣ICP备05002812