CSS模拟制作的techweb网站导航特效代码
用CSS代码，模拟制作techweb网站导航，你需要吗？效果还和真的差不多呢！[code]<!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">n%{#Q9s3F,l6b7dlm6p,]Q
<head>c6I7cR p%s2m6e
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css"> W3Ix[0x} p
<!--
#siteNav {*k P-iPq'jW*t$n
clear: both;6Q5t\/A'{ Kmk&C ^
float:left;
width:750px;
padding-left: 1px;*C!U1h\?c
background: #fff;
font-size:12px;
font-weight: bold; M0O*t#t Y l I9B
line-height:normal;
border-bottom:2px solid #84B0C7;
voice-family: "\"}\"";&K.Z?%uH x'\
voice-family: inherit;(CVg g1`k J
width: 749px;E Vt7AfjY z
}.Dj'Rzp#}F\
#siteNav ul { @0p G \.G3CPx$W
margin:0;
padding:0;
list-style:none;(t`G(EBv~a
}
#siteNav li { c0U1Z[}C V
display:inline;
margin:0; `j/K r*F}t3}Ni |
padding:0;*Q9?!F7uqG2Tae
}
#siteNav a { N.B7d#i l[
float:left; |%t$G U6Qj \
background:url(http://webclub.net.cn/data/071008/cssbg1.gif) no-repeat left top; b-} ].X w.\,C
margin:0;)V k6lPxUHQ
padding:0 0 0 4px;
text-decoration:none;
}
#siteNav a span {
float:left;:f T&N8}9f(] u(Wy
display:block;bEHj9wo)S
background:url(http://webclub.net.cn/data/071008/cssbg2.gif) no-repeat right top; ]n$Z2j!T
padding:5px 11px 4px 5px;
color:#036;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#siteNav a span {
float:noneVL$]K#g Q[3H[
}
/* End IE5-Mac hack */8JH/EIV
#siteNav a:hover span {
color:#036;
}+bL+BN3OS&n}
#siteNav a:hover {|DY'X+t
background-position:0% -42px;
}
#siteNav a:hover span {*R-w?!FN-] e
background-position:100% -42px; { `.j _N e!~
}
#siteNav #sel a {5|:PSXZz^)Iw [X
background-position:0% -42px;Y pn$L{&`
}
#siteNav #sel a span {
background-position:100% -42px;
}#I u4z5F$AY E%{s
-->;h L e.N9\@F
</style>]X_4\nL/Rp,l
<title>·网络之都·官方论坛‖css预览</title>
</head>'z(V/Q%U2j%@K.M I)m
<body> a rb4?~
<div id="siteNav">6f e J H*L[4wt
<ul>
<li id="sel"><a href="#"><span>首页</span></a></li>#`]yf,`+K
<li><a href="#"><span>资讯</span></a></li> G8r S mV De
<li><a href="#"><span>人物</span></a></li>
<li><a href="#"><span>管理</span></a></li>S-M7mEG"o Y v
<li><a href="#"><span>经营</span></a></li> z/](Bw%p7t u+Y)N~
<li><a href="#"><span>财经</span></a></li>
<li><a href="#"><span>技术</span></a></li> MY"b Sg;D;G
<li><a href="#"><span>产品</span></a></li>
<li><a href="#"><span>网络</span></a></li>
<li><a href="#"><span>电信</span></a></li>4|q j#y%L u7^0r1b
<li><a href="#"><span>评论</span></a></li>
<li><a href="#"><span>博客</span></a></li>*FZ0z,I/Z2Z*R3Q v
<li><a href="#"><span>老友记</span></a></li>
<li><a href="#"><span>滚动</span></a></li>/}+oq'EW.z
<li><a href="#"><span>搜索</span></a></li> dnnk-X
<li><a href="#"><span>WAP</span></a></li>+?-m5lL1WM'n ^
</ul>
</div>
</body>
</html>[/code]效果预览：[color=#0000ff][url=http://webclub.net.cn/data/071008/css.htm]http://webclub.net.cn/data/071008/css.htm[/url][/color] 网页打不开- - T }Go7jm/N
看不到效果 还在匈牙利主机上,忘了转过来了4{1nH&Cu Gh,J^[
现在已经好了
页:
[1]