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">
<head>)YXNi5r u pP Kj,T
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />_)w`&U_g+U
<style type="text/css">
<!-- RJ g7F/d6n'P
#siteNav {
clear: both; sS5UTAG&FN
float:left;
width:750px;
padding-left: 1px;9uL @9N6_
background: #fff;
font-size:12px;6Y^&B%M a R C!X b
font-weight: bold;
line-height:normal;
border-bottom:2px solid #84B0C7;
voice-family: "\"}\"";
voice-family: inherit;"uKD|.| b8_
width: 749px;
}
#siteNav ul {
margin:0; E;N"x5a M M'P
padding:0;
list-style:none; spj K P0M!BV-A
}%\ G9`'V(q.x-o
#siteNav li {
display:inline;2X IZ JRo%S3R
margin:0;e&VPcq/Y&u P&~
padding:0; Y t4j$Y)l#is
}
#siteNav a {
float:left;
background:url(http://webclub.net.cn/data/071008/cssbg1.gif) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;0GF K iH|/f.l
}
#siteNav a span {/F}b @6L _
float:left;4wA!L wA#be+Da
display:block;
background:url(http://webclub.net.cn/data/071008/cssbg2.gif) no-repeat right top;%[3uL R'j`6b ~.c
padding:5px 11px 4px 5px;!i s!M:E9Bq
color:#036; P8w&M rl WdB\
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#siteNav a span {;? U y j w1Jo8A
float:none5oY;E2?-P
}
/* End IE5-Mac hack */ c b]7vUZ&]
#siteNav a:hover span {*F:W9FZn.m
color:#036;)^ F3u:@ Ym `
}lia r9]qdE H
#siteNav a:hover {
background-position:0% -42px;7O f0B G kDn
}w3f m p_
#siteNav a:hover span {p$M1G_&B7_*H\
background-position:100% -42px;
}
#siteNav #sel a {
background-position:0% -42px;9[l+\#~~&O A h9xU
}.H l){+SA0~
#siteNav #sel a span {+i ^6q!I5hB D
background-position:100% -42px;
}?)EJ }!~9Vw
-->,Z%f0p0q@"L#{S
</style> ~/{ lz0Q%e(@(V-[
<title>·网络之都·官方论坛‖css预览</title>$bio {pn4n
</head>KO3Cqx-|l
<body>nK xTgKC1s
<div id="siteNav">&n(l%[ URt
<ul>
<li id="sel"><a href="#"><span>首页</span></a></li>
<li><a href="#"><span>资讯</span></a></li>
<li><a href="#"><span>人物</span></a></li>;g3a(o hnM nf
<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>:[*c/wH__
<li><a href="#"><span>网络</span></a></li>
<li><a href="#"><span>电信</span></a></li>3r}FL hC
<li><a href="#"><span>评论</span></a></li>[ZX1GH6c ^ wb#u
<li><a href="#"><span>博客</span></a></li>XXcVx9B XB
<li><a href="#"><span>老友记</span></a></li>2^*{7S![N#?~b/`
<li><a href="#"><span>滚动</span></a></li>k#I6j#a4C4i
<li><a href="#"><span>搜索</span></a></li>;~ ? sp \+lH:c
<li><a href="#"><span>WAP</span></a></li>
</ul>4{RKt }*~O9C0o1Z
</div>
</body>:~ [ ]3V?j`
</html>[/code]效果预览：[color=#0000ff][url=http://webclub.net.cn/data/071008/css.htm]http://webclub.net.cn/data/071008/css.htm[/url][/color] 网页打不开- -,|'V9bhN Dv X
看不到效果 还在匈牙利主机上,忘了转过来了
现在已经好了
页:
[1]