滑动门式菜单实现代码

ttx9n · 发表于 2009-10-15 00:21:29

自已写的横排的导航菜单，红色水晶风格，大家可以用啦，不过也有些地方需要高手指教啊，代码里有注释，兼容性还不错，希望一起提高吧。

<!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=utf-8" /> 
<title>自写的滑动门式菜单/</title> 
<style type="text/css"> 
*{margin:0;padding:0;} 
body{ margin:auto;font:14px "宋体",Verdana, Arial, Helvetica, sans-serif;color:#333;} 
ul,li{padding:0; list-style:none;} 
a:link,a:visited{color:#333;text-decoration:none;} 
a:hover{color:#d00;text-decoration:none;} 
#headNav{background:url(//files.jb51.net/imgby/_navBg.png) 0 -42px repeat-x; border-top:solid 1px #E5B0B1; height:42px;} 
#headNav ul li{float:left; padding:13px 0; text-align:center; cursor:pointer; } 
#headNav ul li a{display:block; font-size:14px; padding:0 9px; font-weight:bold; color:#fff;} 
#headNav ul li a.lineLink{border-left:dotted 1px #fff;} 
.navNormalLink{background:url(//files.jb51.net/imgby/_navBg.png) 0 -42px no-repeat; padding-bottom:4px;} 
.navNormalOver{background:url(//files.jb51.net/imgby/_navBg.png) no-repeat; padding-bottom:4px;} 
</style> 
</head> 
<body> 
     
        <ul> 
            <li><a href="https://www.jb51.net/www.jb51.net" title="">脚本之家</a></li> 
            <li><a href="#" title="">行业资讯</a></li> 
            <li><a href="#" title="">搜索引擎</a></li> 
            <li><a href="#" title="">站长访谈</a></li> 
            <li><a href="#" title="">网站联盟</a></li> 
            <li><a href="#" title="">源码下载</a></li> 
            <li><a href="#" title="">网页特效</a></li> 
            <li><a href="#" title="">模板素材</a></li> 
            <li><a href="#" title="">软件下载</a></li> 
        </ul> 
        <script type="text/javascript"> 
         
        </script> 
     
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

雪龙Ui79 · 发表于 2022-8-12 05:34:54

好人好人好人好人

btbhs8t · 发表于 2022-9-2 06:38:05

刷屏刷屏刷屏

4r8oiin60 · 发表于 2023-4-5 21:47:05

hi哦和烦恼农家女

e5plu · 发表于 2023-4-14 04:42:05

大家都不容易！

idy6_yus · 发表于 2023-8-30 08:39:40

那三门，你们谁寂寞才快乐撒

qwe520 · 发表于 2023-8-30 22:22:55

给爸爸爸爸爸爸爸爸爸爸八佰伴八佰伴

ppwxcg · 发表于 2023-9-1 07:13:58

需要很久了终于找到了

64000928 · 发表于 2023-9-7 15:01:39

有什么好的服务器

xf9hlg1 · 发表于 2023-12-3 08:02:21

的vgdsvsdvdsvdsvds

账号		自动登录	找回密码
密码			立即注册

[JavaScript] 滑动门式菜单实现代码

相关帖子

[JavaScript] 滑动门式菜单 实现代码

相关帖子

[JavaScript] 滑动门式菜单实现代码