CSS模拟制作的techweb网站导航特效代码
用CSS代码，模拟制作techweb网站导航，你需要吗？效果还和真的差不多呢！[code] Zy4{w_0uz6KE s<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">2`w0B V I ^
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
<!--
#siteNav {
clear: both;Q!F)P R A5r.T
float:left; xc*Y5n%w s u
width:750px;z'o?of z%E
padding-left: 1px; ~ [rI-\3b(V
background: #fff;aYV F%q)c
font-size:12px;
font-weight: bold;E+Ur!}cMk4z
line-height:normal; c)w8i|!F| s.O1d
border-bottom:2px solid #84B0C7;
voice-family: "\"}\"";
voice-family: inherit;
width: 749px; As2O U5W4l h
}
#siteNav ul {
margin:0;1l"oCB-fs'a1S;`
padding:0;
list-style:none;"]-yA p i |*wu;E fM
}8N5V"t c*Qbb9`#q
#siteNav li { vS.^&y+u#^n"K
display:inline; f NoP%Vi6]d.y3rV m
margin:0;W^3U*z'_ ]aT
padding:0;aV,CL0dN GV,]h
}#J/gZ1` e.[g
#siteNav a {
float:left; c;` mm/\"} ['^A
background:url(http://webclub.net.cn/data/071008/cssbg1.gif) no-repeat left top;5w I*[3wQX2u9{
margin:0;9Bf R)[i Y
padding:0 0 0 4px;
text-decoration:none;
}
#siteNav a span {LM3?~ b6bB~5m
float:left;
display:block;
background:url(http://webclub.net.cn/data/071008/cssbg2.gif) no-repeat right top;
padding:5px 11px 4px 5px;| B.MbZ nFcF
color:#036;
}(_ I O/q'C*i.fA_
/* Commented Backslash Hack hides rule from IE5-Mac \*/6MY ^:B5e@s
#siteNav a span {
float:none
};[/dto+Tj"V {FY `
/* End IE5-Mac hack */ b4JW&K/nUG1Gm-KL
#siteNav a:hover span {@ G3~ J5k
color:#036;)W o0s:i4q8iFC)N)H
}
#siteNav a:hover {7P {r],]3J-@
background-position:0% -42px;
};i%m&J3Pn;k+A8w$_
#siteNav a:hover span {]QV!T1Mt zmI\8n
background-position:100% -42px;0t6XU nd!{+[ d)Q"Q
}*ob:pJ(O
#siteNav #sel a {/rh2z:s]"L
background-position:0% -42px;
}
#siteNav #sel a span {
background-position:100% -42px;$j*y}-c F*L
}m Qas,q'G
-->
</style>5hj8Ix"zj|"P
<title>·网络之都·官方论坛‖css预览</title>
</head>
<body>)HZl a\ B{)i
<div id="siteNav">$b)`L6yZLK
<ul>1YA#T6_ M'n
<li id="sel"><a href="#"><span>首页</span></a></li>
<li><a href="#"><span>资讯</span></a></li>n%A o ^r a lI9^6d
<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>4cTN6@+|5K \|
<li><a href="#"><span>产品</span></a></li>
<li><a href="#"><span>网络</span></a></li>
<li><a href="#"><span>电信</span></a></li> vz$i;Nt0I W&LsY
<li><a href="#"><span>评论</span></a></li>
<li><a href="#"><span>博客</span></a></li>,lW!P+Z mPW
<li><a href="#"><span>老友记</span></a></li>3p E|t|Dw @y e
<li><a href="#"><span>滚动</span></a></li> Y L9j g D
<li><a href="#"><span>搜索</span></a></li>
<li><a href="#"><span>WAP</span></a></li> x wu^ S
</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] 网页打不开- -
看不到效果 还在匈牙利主机上,忘了转过来了
现在已经好了
页:
[1]
