CSS模拟制作的techweb网站导航特效代码
用CSS代码，模拟制作techweb网站导航，你需要吗？效果还和真的差不多呢！[code] A4TtE`7mu<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">+` _AX6s8aQ:T8a:Xp f-?6G
<html xmlns="http://www.w3.org/1999/xhtml">t0lP9f1NB\X AB
<head>#A Q{+f$@P0B
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
<!--[4b K3|b*R4\*KH*\
#siteNav {
clear: both;
float:left;
width:750px; }`RQ C6PZC
padding-left: 1px;
background: #fff;'|!|gk6M*R ?0N
font-size:12px;
font-weight: bold;mR$[s`6|1s
line-height:normal;
border-bottom:2px solid #84B0C7;-\7YA+mW vg e
voice-family: "\"}\"";&Vn0RT5K GXL8Y
voice-family: inherit;
width: 749px;)D4T@l)z:P
}
#siteNav ul {
margin:0;2Qu,D'|'~
padding:0;
list-style:none;x~Z\IH1A0w k
}
#siteNav li {Nj @ zL%d^ S)Rf
display:inline;
margin:0;qD)l7x j'M(|
padding:0;"k2r,K J%K-EI ~(O
}%NrRi Kk
#siteNav a {)gK `,\F2f3u0T
float:left;$F(W)N*U]U5Q)q T t
background:url(http://webclub.net.cn/data/071008/cssbg1.gif) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#siteNav a span {
float:left;G7f!Z*bBh'X%c8Z
display:block; I,K*F%?%]v#aF
background:url(http://webclub.net.cn/data/071008/cssbg2.gif) no-repeat right top;9y8?&c b#qGW
padding:5px 11px 4px 5px;
color:#036;
};Q\;`U x]of
/* Commented Backslash Hack hides rule from IE5-Mac \*/ F%D,H)~Fw }0?-|
#siteNav a span {W }0OV5Z B;W
float:none
}%c,L F5m3xw
/* End IE5-Mac hack */ Z v] CZbA
#siteNav a:hover span {5V0bZ H#?x
color:#036;RT Z@a!q
}S?4~S TL4{-^
#siteNav a:hover {x6c3ouw~S f ]
background-position:0% -42px;
}
#siteNav a:hover span {
background-position:100% -42px;
}
#siteNav #sel a {
background-position:0% -42px;
} xq1H0~ LoX w i
#siteNav #sel a span {hLEGOp
background-position:100% -42px; r)M'J }'lh\ H[
} ?|F*K:e/w2f%B)G7rS
-->
</style>
<title>·网络之都·官方论坛‖css预览</title>
</head> lYD.}y_3sL@~
<body>
<div id="siteNav">
<ul> M#II9}#Fb'Z*[ out
<li id="sel"><a href="#"><span>首页</span></a></li>2pk;zd9Y"y `
<li><a href="#"><span>资讯</span></a></li>3d4hX5z1I!? J-t
<li><a href="#"><span>人物</span></a></li>5xIBc!T{/gu
<li><a href="#"><span>管理</span></a></li>s)db(r/[0S m9|z!~,T D
<li><a href="#"><span>经营</span></a></li>Lm5Q ? Xq0q {
<li><a href="#"><span>财经</span></a></li>
<li><a href="#"><span>技术</span></a></li>w MNh N
<li><a href="#"><span>产品</span></a></li>0u?i4`9G/Y$m5R;dY0Ci
<li><a href="#"><span>网络</span></a></li>8f9t@7hJ.oH C3R6]5S-d
<li><a href="#"><span>电信</span></a></li>Q \I%Q8k?'^)D
<li><a href="#"><span>评论</span></a></li>v2TSo1}N)XB4er
<li><a href="#"><span>博客</span></a></li>(]/p2k3eo[
<li><a href="#"><span>老友记</span></a></li>J6])|*K O2^G|
<li><a href="#"><span>滚动</span></a></li>
<li><a href="#"><span>搜索</span></a></li>
<li><a href="#"><span>WAP</span></a></li>
</ul>
</div>M(x-lH6{ T \
</body>
</html>[/code]效果预览：[color=#0000ff][url=http://webclub.net.cn/data/071008/css.htm]http://webclub.net.cn/data/071008/css.htm[/url][/color] 网页打不开- -
看不到效果 还在匈牙利主机上,忘了转过来了
现在已经好了
页:
[1]