没有合适的资源?快使用搜索试试~ 我知道了~
国外一款精致的下拉导航菜单(JS+CSS)
4星 · 超过85%的资源 需积分: 9 5 下载量 140 浏览量
2013-01-18
08:41:54
上传
评论
收藏 9KB TXT 举报
温馨提示
试读
8页
国外一款精致的下拉导航菜单(JS+CSS); 兼容IE和火狐。 无限级下拉菜单,外观漂亮,几乎可以满足所有系统菜单导航。
资源推荐
资源详情
资源评论
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> 国外一款精致的下拉导航菜单(JS+CSS)-JS特效学院|jsweb8.cn</title>
<meta name="Author" content="Stu Nicholls" />
<style type="text/css">
/* ================================================================
This copyright notice must be kept untouched in the stylesheet at
all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
.preload1 {background: url(http://www.jsweb8.cn/jsweb8/images/three_1.gif);}
.preload2 {background: url(http://www.jsweb8.cn/jsweb8/images/three_1a.gif);}
#nav {padding:0; margin:0; list-style:none; height:38px; background:#fff url(http://www.jsweb8.cn/jsweb8/images/three_0.gif) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left; height:38px;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(http://www.jsweb8.cn/jsweb8/images/three_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(http://www.jsweb8.cn/jsweb8/images/three_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(http://www.jsweb8.cn/jsweb8/images/three_0a.gif) no-repeat right top;}
#nav li:hover a.top_link {color:#fff; background: url(http://www.jsweb8.cn/jsweb8/images/three_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(http://www.jsweb8.cn/jsweb8/images/three_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(http://www.jsweb8.cn/jsweb8/images/three_1a.gif) no-repeat right top;}
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> 国外一款精致的下拉导航菜单(JS+CSS)-JS特效学院|jsweb8.cn</title>
<meta name="Author" content="Stu Nicholls" />
<style type="text/css">
/* ================================================================
This copyright notice must be kept untouched in the stylesheet at
all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
.preload1 {background: url(http://www.jsweb8.cn/jsweb8/images/three_1.gif);}
.preload2 {background: url(http://www.jsweb8.cn/jsweb8/images/three_1a.gif);}
#nav {padding:0; margin:0; list-style:none; height:38px; background:#fff url(http://www.jsweb8.cn/jsweb8/images/three_0.gif) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left; height:38px;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(http://www.jsweb8.cn/jsweb8/images/three_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(http://www.jsweb8.cn/jsweb8/images/three_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(http://www.jsweb8.cn/jsweb8/images/three_0a.gif) no-repeat right top;}
#nav li:hover a.top_link {color:#fff; background: url(http://www.jsweb8.cn/jsweb8/images/three_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(http://www.jsweb8.cn/jsweb8/images/three_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(http://www.jsweb8.cn/jsweb8/images/three_1a.gif) no-repeat right top;}
/* Default list styling */
#nav li:hover {position:relative; z-index:200;}
#nav li:hover ul.sub
{left:1px; top:38px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:88px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #bbd37e;}
#nav li ul.sub li a.fly
{background:#bbd37e url(http://www.jsweb8.cn/jsweb8/images/arrow.gif) 80px 6px no-repeat;}
#nav li:hover ul.sub li a:hover
{background:#6a812c; color:#fff; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#6a812c url(http://www.jsweb8.cn/jsweb8/images/arrow_over.gif) 80px 6px no-repeat; color:#fff;}
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; z-index:400; height:auto;}
#nav ul,
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
剩余7页未读,继续阅读
资源评论
- stanleybdk2014-06-19还是bootstrip的css专业
csdnmy
- 粉丝: 0
- 资源: 14
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功