CSS模拟制作的techweb网站导航特效代码
用CSS代码，模拟制作techweb网站导航，你需要吗？效果还和真的差不多呢！[code] usdS-Rz<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">'@3a4][8z
<html xmlns="http://www.w3.org/1999/xhtml">
<head>;C ~ G&r4eE
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">-a dMS@\OF
<!--
#siteNav {
clear: both;EJ*h.V*k'K1{
float:left;-q"G\ ]R9i&poHf
width:750px;7RM[%H^_ J%q V
padding-left: 1px;
background: #fff;)g)Cu8H%Im*O
font-size:12px;
font-weight: bold;
line-height:normal;
border-bottom:2px solid #84B0C7;
voice-family: "\"}\"";
voice-family: inherit;9L L4I9e"[h
width: 749px;
} fa,h4W2b%|!I
#siteNav ul {vA9H2H'Ev
margin:0;)r&u#tw'e5V6~
padding:0;,LCu,U+c"Q
list-style:none;
}
#siteNav li { Yf K L Cc3H5~ B z-EB
display:inline;Z4S7k,J lu w
margin:0;
padding:0;6E7Z w)c3|
}
#siteNav a {
float:left;@5LP4jp0Z
background:url(http://webclub.net.cn/data/071008/cssbg1.gif) no-repeat left top;
margin:0;h${:`a-\T
padding:0 0 0 4px; N G iQ oWm
text-decoration:none;6CBU:IB&b
}
#siteNav a span { c'~#^b J,h;YE)e
float:left; |X bt:_jN
display:block; NTHq/xx/H
background:url(http://webclub.net.cn/data/071008/cssbg2.gif) no-repeat right top;
padding:5px 11px 4px 5px;
color:#036;Pu3q-r5x y-_
}2^nj5G)a [4~2G
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#siteNav a span {a _ WCxF.x'Y
float:none
}
/* End IE5-Mac hack */
#siteNav a:hover span { u%^ ^9qG)J&g
color:#036;
}p"~ tE'Ka7j4R{
#siteNav a:hover {m p'kdJbqk%z!e
background-position:0% -42px;-uL [h hH`c"i
} M(bL2Dwl M
#siteNav a:hover span {-M.V;pq)q-oC U s/_?
background-position:100% -42px;
}
#siteNav #sel a {w:R f!W @#M4L%v8S ?
background-position:0% -42px; R:i"y5N9n8x c$c|
}4Q0q2t {2j0w!E
#siteNav #sel a span {
background-position:100% -42px; ~ V%go v ]M4ak
}
-->
</style> w:O[cz7m
<title>·网络之都·官方论坛‖css预览</title>
</head>
<body>
<div id="siteNav">
<ul>kiI;F9Cj
<li id="sel"><a href="#"><span>首页</span></a></li>
<li><a href="#"><span>资讯</span></a></li>Y7O@c ?
<li><a href="#"><span>人物</span></a></li>.@6x @L8z^1]3T f1M
<li><a href="#"><span>管理</span></a></li>
<li><a href="#"><span>经营</span></a></li>
<li><a href="#"><span>财经</span></a></li>
<li><a href="#"><span>技术</span></a></li>${'pe;jF CH
<li><a href="#"><span>产品</span></a></li>
<li><a href="#"><span>网络</span></a></li>
<li><a href="#"><span>电信</span></a></li>
<li><a href="#"><span>评论</span></a></li>
<li><a href="#"><span>博客</span></a></li>/y;ln M-o [J
<li><a href="#"><span>老友记</span></a></li>
<li><a href="#"><span>滚动</span></a></li>i O e[;v"B;z
<li><a href="#"><span>搜索</span></a></li>)F(m"s9J7r t
<li><a href="#"><span>WAP</span></a></li>O Z _]+t-?r3^
</ul>
</div>
</body> Aj6iFb t(Y
</html>[/code]效果预览：[color=#0000ff][url=http://webclub.net.cn/data/071008/css.htm]http://webclub.net.cn/data/071008/css.htm[/url][/color] 网页打不开- -
看不到效果 还在匈牙利主机上,忘了转过来了
现在已经好了
页:
[1]