滑动门式菜单实现代码- Javascript - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 滑动门式菜单实现代码

Javascript: Javascript的匿名函数小结; js跟随滚动条滚动浮动代码; js监听表单value的修改同步问题，跨浏览器支持; JavaScript 模拟用户单击事件; javascript 获取表单file全路径; 让IE8支持DOM 2（不用框架！）; javascript控制frame,iframe的src属性代码; JavaScript 井字棋人工智能实现代码; javascript showModalDialog模态对话框使用说明; JavaScript 学习笔记（四）; JavaScript 学习笔记（五）; JavaScript 学习笔记（六）; JavaScript 学习笔记（七）字符串的连接; js下用gb2312编码解码实现方法; javascript 面向对象技术基础教程; javascript eval和JSON之间的联系; JavaScript 数组循环引起的思考; url 特殊字符传递参数解决方法; jQuery animate(滑块滑动效果代码); 用javascript做一个小游戏平台 (二) 游戏选择器

No. « ‹ 256 257 258 259 › »

技术文章搜索

关键字

Javascript 中的滑动门式菜单实现代码

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 48 ::

收藏到网摘: n/a

javascript 线性渐变三 extjs 学习笔记（三）最基本的grid

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

<!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(/upload/tech/20100110/20100110113207_7a53928fa4dd31e82c6ef826f341daec.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(/upload/tech/20100110/20100110113207_7a53928fa4dd31e82c6ef826f341daec.png) 0 -42px no-repeat; padding-bottom:4px;}
.navNormalOver{background:url(/upload/tech/20100110/20100110113207_7a53928fa4dd31e82c6ef826f341daec.png) no-repeat; padding-bottom:4px;}
</style>
</head>
<body> <div id="headNav"> <ul> <li><a href="http://www.ruanchen.com" style="color: #000">软晨学习网</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> </div>
</body>
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

javascript 线性渐变三 extjs 学习笔记（三）最基本的grid

Javascript 中的 滑动门式菜单 实现代码

评论 (0) All

Javascript 中的滑动门式菜单实现代码