一聚教程网：一个值得你收藏的教程网站

ps教程| flash教程| 路由器设置| Jsp教程| 加入收藏

首页游戏下载软件下载专题资讯教程 php教程 asp.net教程 css教程网页制作网页特效手机开发办公数码

+ -

当前位置：一聚教程网 > 网页特效 > CSS相关

推荐专题

最新下载

1

生存大爆炸
90.6MB 类型： 休闲益智
2

立方星球生存
195.05MB 类型： 休闲益智
3

狂热花园3
28.59MB 类型： 休闲益智
4

暴风雪俱乐部
157.72MB 类型： 动作冒险
5

模拟小镇
3.82MB 类型： 模拟经营
6

英雄救援
101.73MB 类型： 休闲益智
7

贝贝学习数学加减法
48.88MB 类型： 休闲益智
8

gogh
102.33MB 类型： 动作冒险
9

宝宝爱打扫
91.18MB 类型： 休闲益智
10

疯狂驾驶3
60.36MB 类型： 赛车竞速

热门教程

1

诛仙2鬼王怎么加点鬼王加点推荐
时间：2025-08-20 类型： 游戏攻略
2

诛仙2见影灵泉奇遇任务怎么做见影灵泉奇遇任务流程攻略
时间：2025-08-20 类型： 游戏攻略
3

三国天下归心诸葛亮怎么样诸葛亮技能介绍一览
时间：2025-08-20 类型： 游戏攻略
4

三国天下归心追击队怎么玩追击队玩法教学
时间：2025-08-20 类型： 游戏攻略
5

三国天下归心武将怎么获得武将获取方法
时间：2025-08-20 类型： 游戏攻略
6

星痕共鸣剧毒蜂巢怎么获取剧毒蜂巢获取攻略
时间：2025-08-20 类型： 游戏攻略
7

新三国志曹操传李儒之影怎么打李儒之影打法教学
时间：2025-08-20 类型： 游戏攻略
8

辉烬队伍怎么搭配配队攻略指南
时间：2025-08-20 类型： 游戏攻略
9

创造吧我们的星球种田玩法怎么玩种田玩法介绍一览
时间：2025-08-20 类型： 游戏攻略
10

华夏千秋怎么表白表白方法一览
时间：2025-08-20 类型： 游戏攻略

Css菜单

时间：2022-07-02 15:42:10 编辑：袖梨来源：一聚教程网

YPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w***3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

提示：您可以先修改部分代码再运行

<title>VISA-2level</title>
<link rel="stylesheet" type="text/<a href=" http: target="_blank">css" href="globalnav.css" media="screen" />

<style>
body {font:12px/1.22 Verdana,Arial,Helvetica,clean,sans-serif;*font-size:small;*font:x-small; color:#636363;}
a {
	color:#959595;
	text-decoration:none;	
}
a:hover {	
	text-decoration:underline;
}
.globalnav { 
	margin-left:20px; 
	
	*overflow:hidden;
}
.globalnav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.globalnav ul li {
	float: left;
	background: url(images/globalnav_bg.gif) repeat-x 0 0;
	_
}
.globalnav ul li span, .globalnav ul li.first span, .globalnav ul li.last span  {
	display: block;
	background: url(images/globalnav_l.gif) no-repeat left top;
	padding-left:30px;
	line-
	_line-
}
.globalnav ul li.last span { }
.globalnav ul li.first span { background-position: left -32px;}
.globalnav ul li.last span { background-position: left -64px;}
.globalnav ul li a, .globalnav ul li .sub a, .globalnav ul li .sub a:hover {
	font-size:15px;
	color:#636363;
	font-weight:bold;
	background: url(images/globalnav_r.gif) no-repeat right top;
	padding-right:10px;
	display: block;
	
}
.globalnav ul li a:hover { 
	text-decoration:none;
}
.globalnav ul li .sub a { 
	padding-right:30px;
	background-position: right -32px;
}
.globalnav ul li .sub a:hover{
	padding-right:30px;
	background-position: right -64px;
}
.globalnav ul li.last a, .globalnav ul li.last a:hover{
	background: url(images/globalnav_last_r.gif) no-repeat right top;
	color:#fff;
}
.globalnav ul li.last .sub a {
	background-position: right -32px;
}
.globalnav ul li.last .sub a:hover {
	padding-right:20px;	
	background-position: right -64px;
}

.globalnav ul ul {
	position: absolute;
	left: 0;
	top: 32px;
	_left:-30px;
	visibility: hidden;
	border:6px solid #d9d9d9;
}
.globalnav ul .last ul {
	border:6px solid #b32929;
	
	overflow-y:auto; 
	overflow-x:hidden;
}

.globalnav ul :hover ul {
	visibility: visible;
}
.globalnav ul ul li {
	background:#fff none;
	display:block;
	
}
.globalnav ul li ul a, .globalnav ul li .sub ul a, .globalnav ul li.last ul a { 
	background:#fff none; 
	font-size:12px; 
	font-weight:normal;
	color:#636363;
	padding:0 10px;
	display: block;
	line-
	
}
.globalnav ul li ul a:hover, .globalnav ul li .sub ul a:hover, .globalnav ul li.last ul a:hover {
	font-size:12px;
	font-weight:normal;
	background:#ffc3c4 none;
	color:#636363;
	line-
	
}
.globalnav table { /* style the table so that it takes no part in the layout - required for IE to work */
	border-collapse: collapse;
	height: 0;
	margin: -1px;
	padding: 0;
	width: 0;
}
.globalnav ul li:hover, .globalnav ul li .sub a:hover {
	position: relative;
}
.globalnav ul li:hover .sub > a {
	background:url(images/globalnav_r.gif) no-repeat right -64px;
}
.globalnav ul li.last:hover .sub > a {
	background:url(images/globalnav_last_r.gif) no-repeat right -64px;
}
/*.globalnav ul li ul {
	background:#e1e1e1 url(images/globalnav_home_bg.gif) repeat-x left bottom;
}
.globalnav ul li.last ul {
	background:#b32929 url(images/globalnav_offer_bg.gif) repeat-x left bottom;
}

</style>

<div class="globalnav">
    <ul>
      <li class="first">
<span class="sub"></span>
        
        
        <ul>
          <li>
          </li>
<li>
          </li>
<li>
          </li>
<li>
        </li>
</ul>
        
      </li>
      <li><span></span></li>
      <li>
<span class="sub"></span>
        
        
        <ul>
          <li>
          </li>
<li>
		  </li>
<li>
		  </li>
<li>
		  </li>
<li>
		  </li>
<li>
        </li>
</ul>
        
      </li>
      <li class="last">
<span class="sub"></span>
        
        
        <ul>
          <li>
          </li>
<li>
          </li>
<li>
          </li>
<li>
          </li>
<li>
          </li>
<li>
          </li>
<li>
          </li>
<li>
          </li>
<li>
          </li>
<li>
          </li>
<li>
          </li>
<li>
          </li>
<li>
          </li>
<li>
          </li>
<li>
          </li>
<li>
        </li>
</ul>
        
      </li>
    </ul>
  </div>

提示：您可以先修改部分代码再运行

相关文章

热门栏目