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

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

Javascript: 非常不错的子鼠滑动图片效果 Javascript+CSS; Mozilla 表达式 __noSuchMethod__; javascript 获取图片颜色; JavaScript 在各个浏览器中执行的耐性; 在JavaScript中，为什么要尽可能使用局部变量？; javascript 日历提醒系统( 兼容所有浏览器 ); 常用JS代码实例小结; jQuery 插件将this下的div轮番显示; 网页特效从下往上过渡共享图库_最新图片; 由document.body和document.documentElement想到的; JavaScript获取GridView中用户点击控件的行号，列号; jQuery 入门讲解1; 百度 popup.js 完美修正版非常的不错; jQuery autocomplete插件修改; jQuery对象和DOM对象相互转化; javascript 人物逼真行走,已完成; 基于jQuery图片平滑连续滚动插件; ie 调试javascript的工具; ExtJS 2.0实用简明教程之Border区域布局; ExtJS 2.0实用简明教程之Ext类库简介

No. « ‹ 217 218 219 220 › »

技术文章搜索

关键字

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

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

收藏到网摘: 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 中的滑动门式菜单实现代码