主站
经典论坛
作品集
Think.Pages
博客
维基
桌面
聚合
注册
登录
专长会员
帮助
客服QQ:6650171
经典论坛
«
前台制作与脚本专栏
« 如何使下拉菜单延迟消失?
‹‹ 上一主题
|
下一主题 ››
发新话题
发布投票
发布商品
发布悬赏
发布活动
发布辩论
发布视频
打印
如何使下拉菜单延迟消失?
sunhy
[楼主]
中级会员
帖子
130
体力
446
威望
0
离线
18 天
发短消息
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>
提示:您可以先修改部分代码再运行
www.ecai.biz
专业的连锁加盟信息网站!
自己创业做老板!
积分
446
阅读权限
30
在线时间
9 小时
注册
2003-7-23
最后登录
2008-6-18
查看详细资料
TOP
got
巴之闭
银牌会员
帖子
760
体力
2400
威望
10
当前
广东 广州
离线
2 天
发短消息
作品 1
2
#
大
中
小
发表于 2006-7-18 18:41
setTimeout(function(){this.className=this.className.replace(" over", "");},500)
just ok~~
积分
2410
阅读权限
70
性别
男
在线时间
340 小时
注册
2001-9-8
最后登录
2008-7-3
查看详细资料
TOP
hutia
诘屈聱牙
荣誉管理团队
帖子
4534
体力
14338
威望
383
发短消息
个人网站
专长
JS,PHP,ASP
3
#
大
中
小
发表于 2006-7-18 22:33
楼上代码明显不对.....那个 this 必然指向 window 对象.....
只有指定 id 然后用 getElementById 获取,或者把当前对象放在一个全局变量里
hutia归来...
积分
14721
阅读权限
100
在线时间
631 小时
注册
2005-11-28
最后登录
2008-7-5
查看个人网站
查看详细资料
TOP
got
巴之闭
银牌会员
帖子
760
体力
2400
威望
10
当前
广东 广州
离线
2 天
发短消息
作品 1
4
#
大
中
小
发表于 2006-7-19 14:08
node.onmouseout=function() {
var aa=this
setTimeout(function(){aa.className=aa.className.replace(" over", "");},500)
}
just ok~~
积分
2410
阅读权限
70
性别
男
在线时间
340 小时
注册
2001-9-8
最后登录
2008-7-3
查看详细资料
TOP
‹‹ 上一主题
|
下一主题 ››
版块跳转 ...
> 前台制作与脚本专栏
> 后台数据库编程
> WEB标准化专栏
> WAP 技术专栏
> 艺术与设计论坛
> Adobe Photoshop 专栏
> Fireworks 专栏
> 矢量图形专栏
> 插画手绘交流
> 用户体验综合版
> UI图形设计
> Flash 8 及之前版本
> Flash CS3 及 AS3
> Silverlight 专版
> Director 专栏
> 计算机技术
> 英语学习和技术翻译
> 摄影欣赏与技术交流
> 无线通讯与数码设备
> 企业招聘
> 体育运动、线下活动与游戏
> 创业版
做西部数码代理.Cn1元国际45元
|
释放无穷创意-惠普A3喷墨打印机让你更精彩
论坛帮助:为什么别人的签名那么长,我的却只能写几个字?
论坛帮助:我发现有违规帖,为什么版主没有处理?