CSS模拟制作的techweb网站导航特效代码
用CSS代码，模拟制作techweb网站导航，你需要吗？效果还和真的差不多呢！[code] 7[ oF)J_ B%y<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">U Oe0D8[O_2Cw
<html xmlns="http://www.w3.org/1999/xhtml">]Zi0}7yLH&wt
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />'zx6eV"_J"R
<style type="text/css">'o M1QWaK(v
<!--
#siteNav {
clear: both;
float:left;
width:750px;
padding-left: 1px;)[*Hg@e'~6s yG
background: #fff;
font-size:12px;dT6Z4N"y#xV q
font-weight: bold;#{#j6T)u1eEt:N)k
line-height:normal; J l-B^Q;~n
border-bottom:2px solid #84B0C7;@#^/L%R#C
voice-family: "\"}\""; U oO C nS
voice-family: inherit; l3~B)DMY:o0Bos"_
width: 749px;
} n ? l7RT Kh'B
#siteNav ul {
margin:0;&x4]y[8k3x&s ib
padding:0;
list-style:none;c7L1F;D ? t;b~E'@j
}
#siteNav li {f q%sJ(Fv X
display:inline; QM*e7sX0Zh{
margin:0;
padding:0; |-G^M jl
}
#siteNav a {
float:left;
background:url(http://webclub.net.cn/data/071008/cssbg1.gif) no-repeat left top;Z5M#XNCP V
margin:0;
padding:0 0 0 4px;aEuhb
text-decoration:none;.GpIeg3g V%[
}
#siteNav a span {
float:left;^A.C+r f ^
display:block;
background:url(http://webclub.net.cn/data/071008/cssbg2.gif) no-repeat right top;e|;E$A)V9R(UL
padding:5px 11px 4px 5px;3s~$T*~ F
color:#036;G8B/t `"_8n(v
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/jf"|0`3Q j }SO ab |
#siteNav a span {
float:nonen@b(vkQ
}J J ^qw
/* End IE5-Mac hack */9_&o6o nW[G
#siteNav a:hover span {mD d M;u,g(x
color:#036;F1Sr,GU} l
}
#siteNav a:hover {-?'vK9C4yx#Z
background-position:0% -42px;
}
#siteNav a:hover span {ajp:] G^\/f){
background-position:100% -42px;
}
#siteNav #sel a {
background-position:0% -42px;U$O3D0G+y ? ]k
}6x _o(y5`y'ds4|
#siteNav #sel a span {
background-position:100% -42px;
}
-->x%}b(WO [
</style>
<title>·网络之都·官方论坛‖css预览</title>&}8wj4I9Cb1TB
</head>
<body>
<div id="siteNav">Jd~ so3w0N W
<ul>6v o_5sf0Y:nj0C
<li id="sel"><a href="#"><span>首页</span></a></li>T G*u!_!b\uOi t
<li><a href="#"><span>资讯</span></a></li>
<li><a href="#"><span>人物</span></a></li>,e)? H N `0I7~&M
<li><a href="#"><span>管理</span></a></li>6]wa4w;NM,@9D
<li><a href="#"><span>经营</span></a></li>
<li><a href="#"><span>财经</span></a></li>
<li><a href="#"><span>技术</span></a></li>P@p.@!@ `7Q3q5o%v0S
<li><a href="#"><span>产品</span></a></li>
<li><a href="#"><span>网络</span></a></li>]%|bu#z
<li><a href="#"><span>电信</span></a></li>)M `M?l u1y
<li><a href="#"><span>评论</span></a></li> ^%r&u+B |4ya0V ^/d
<li><a href="#"><span>博客</span></a></li>!eI W ?"m W
<li><a href="#"><span>老友记</span></a></li>8g B L1Q&Z z4O0j
<li><a href="#"><span>滚动</span></a></li>
<li><a href="#"><span>搜索</span></a></li>1G P2G*b'B9F$a1j U
<li><a href="#"><span>WAP</span></a></li>
</ul> R.^ | ni8}L \
</div>(Hl1c3} ^ ]o#V'pX
</body>u EcT:K S"Y }
</html>[/code]效果预览：[color=#0000ff][url=http://webclub.net.cn/data/071008/css.htm]http://webclub.net.cn/data/071008/css.htm[/url][/color] 网页打不开- -
看不到效果 还在匈牙利主机上,忘了转过来了c%M+P [*o!wD'TA
现在已经好了
页:
[1]