主站
经典论坛
家园
作品
品网
维基
桌面
聚合
注册
登录
专长会员
帮助
客服QQ:6650171
经典论坛
»
前台制作与脚本专栏
» 如何使下拉菜单延迟消失?
‹‹ 上一主题
|
下一主题 ››
发新话题
发布投票
发布商品
发布悬赏
发布活动
发布辩论
发布视频
打印
如何使下拉菜单延迟消失?
sunhy
[楼主]
中级会员
帖子
138
体力
465
威望
0
离线
270 天
发短消息
加为好友
1
#
大
中
小
发表于 2006-7-18 16:57
如下菜单,想使鼠标离开后,菜单不马上消失,延迟一下。我试着用setTimeout,可是不知道怎么用。。。。。。。。。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>下拉菜单</title> <style type="text/css"> <!-- ul {margin: 0px;padding: 0px;list-style: none;width: 120px;border-bottom: 1px solid #777;} ul li {position: relative;} li ul {position: absolute;left: 119px;top: 0px;display: none; } ul li a {display: block;font-size: 12px;text-decoration: none;color: #333;background-color: #FFF;padding: 5px;border: 1px solid #777;border-bottom: 0px;} /* Fix IE. Hide from IE Mac \*/ * html ul li {float: left;height: 1%;} * html ul li a {height: 1%;} /* End */ li:hover ul, li.over ul {display: block;} --> </style> <script language="javascript" type="text/javascript"> <!-- startList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("nav"); for (i=0; i<navRoot.childNodes.length; i++) { node = navRoot.childNodes[i]; if (node.nodeName=="LI") { node.onmouseover=function() { this.className += " over"; } node.onmouseout=function() { this.className=this.className.replace(" over", ""); } } } } } window.onload = startList; --> </script> </head> <body> <ul id="nav"> <li><a href="#">首页</a></li> <li><a href="#">关于我们</a> <ul> <li><a href="#">公司简介</a></li> <li><a href="#">组织机构</a></li> <li><a href="#">企业历程</a></li> </ul> </li> <li><a href="#">服务内容</a> <ul> <li><a href="#">网站建设</a></li> <li><a href="#">网站推广</a></li> <li><a href="#">域名空间</a></li> <li><a href="#">企业信箱</a></li> </ul> </li> <li><a href="#">联系我们</a> <ul> <li><a href="#">温州总部</a></li> <li><a href="#">瑞安分部</a></li> <li><a href="#">乐清分部</a></li> </ul> </li> </ul> </body> </html>
提示:您可以先修改部分代码再运行
砖头网
积分
465
阅读权限
30
在线时间
14 小时
注册时间
2003-7-23
最后登录
2008-10-7
查看详细资料
TOP
西部数码VPS主机1G内存仅266元
got
巴之闭
银牌会员
帖子
763
体力
2406
威望
10
当前
广东 广州
离线
166 天
个人空间
发短消息
作品 1
加为好友
打分 4
2
#
大
中
小
发表于 2006-7-18 18:41
setTimeout(function(){this.className=this.className.replace(" over", "");},500)
just ok~~
积分
2416
阅读权限
70
性别
男
在线时间
348 小时
注册时间
2001-9-8
最后登录
2009-1-19
查看详细资料
TOP
广州周立功诚聘—平面/网页/UI/工业设计师
|
天业互联-酷睿租用599¥
hutia
诘屈聱牙
荣誉管理团队
帖子
4737
体力
14655
威望
385
当前
江苏 苏州
个人网站
发短消息
加为好友
打分 41
专长
JS,PHP,ASP
3
#
大
中
小
发表于 2006-7-18 22:33
楼上代码明显不对.....那个 this 必然指向 window 对象.....
只有指定 id 然后用 getElementById 获取,或者把当前对象放在一个全局变量里
hutia归来...
老婆的小店
hutia的个人站点 - 有问题去这里问我
积分
15046
阅读权限
100
在线时间
748 小时
注册时间
2005-11-28
最后登录
2009-7-4
查看个人网站
查看详细资料
TOP
认证您的手机
,获得手机认证图标
, 更多
手机认证的好处
got
巴之闭
银牌会员
帖子
763
体力
2406
威望
10
当前
广东 广州
离线
166 天
个人空间
发短消息
作品 1
加为好友
打分 4
4
#
大
中
小
发表于 2006-7-19 14:08
node.onmouseout=function() {
var aa=this
setTimeout(function(){aa.className=aa.className.replace(" over", "");},500)
}
just ok~~
积分
2416
阅读权限
70
性别
男
在线时间
348 小时
注册时间
2001-9-8
最后登录
2009-1-19
查看详细资料
TOP
用CSS布局建站从零开始
|
Photoshop中打造史诗般梦幻场景
|
05年第一次软件行业创业的惨痛教训
‹‹ 上一主题
|
下一主题 ››
版块跳转
内部交流区
网站开发区
前台制作与脚本专栏
后台数据库编程
WEB标准化专栏
WAP 技术专栏
平面设计区
艺术与设计论坛
Adobe Photoshop 专栏
Fireworks 专栏
矢量图形专栏
插画手绘交流
交互设计区
用户体验综合版
UI图形设计
RIA设计与应用
Flash 专栏
Silverlight 专版
Director 专栏
其它技术讨论区
计算机技术
英语学习和技术翻译
摄影欣赏与技术交流
无线通讯与数码设备
信息平台
企业招聘
学习工作交流区
体育运动、线下活动与游戏
创业版