CSS模拟制作的techweb网站导航特效代码
用CSS代码，模拟制作techweb网站导航，你需要吗？效果还和真的差不多呢！[code] &w6ke6aYrf<!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>4vV_ ?*y},T\
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />o-U,T(B U7H!L7WI
<style type="text/css">+A+U0c7o'ck
<!--
#siteNav {3]+F|!Y@4ZN3as
clear: both;
float:left;
width:750px;pI(@%`/\8V_
padding-left: 1px;
background: #fff;JgqqY/u
font-size:12px;+`'bSg ds1NRJ
font-weight: bold;
line-height:normal;x Y+P$_m)c.| sd,q+i
border-bottom:2px solid #84B0C7;
voice-family: "\"}\""; X4|5[ ][ s s @ v
voice-family: inherit; D8G9M Y'f mM U |+e
width: 749px;&[ N:X8^1B Z D/y+l
}2u2rv/x ?:r
#siteNav ul {VY_.r;j5l
margin:0;v(y_9J Y3A
padding:0; z o"H%d|/Zn$b6m |-]
list-style:none;
}
#siteNav li {0X7q pa7`0e
display:inline;yEg)oX \ _$`
margin:0;
padding:0;
}8I5{ wB#V.bk
#siteNav a {
float:left;
background:url(http://webclub.net.cn/data/071008/cssbg1.gif) no-repeat left top;
margin:0;5b)M?,EEh&n6G
padding:0 0 0 4px;)[m'Q|/h4G~Q
text-decoration:none;U4g1y [\,jB g
}
#siteNav a span {
float:left;
display:block;
background:url(http://webclub.net.cn/data/071008/cssbg2.gif) no-repeat right top;6K |Z9l$Pg }3|0{
padding:5px 11px 4px 5px;2rA9w,a L
color:#036; S M ~%?)l:Y
}M p&|g@M@:yN
/* Commented Backslash Hack hides rule from IE5-Mac \*/ o s N,K'G"z o"WW']
#siteNav a span {
float:noneij C/xp%p4U |!id3xb
}b![pC+c:iEY
/* End IE5-Mac hack */p p.^ |!m/w;d4Ktw:t
#siteNav a:hover span {
color:#036;k'[+n(z0KT K8p"o6\
}U(Jua0aT3wG$F
#siteNav a:hover {
background-position:0% -42px;yON O;z&yvgv.j0~3vf:z
}
#siteNav a:hover span {
background-position:100% -42px;
}
#siteNav #sel a { a Z } Jp-s
background-position:0% -42px;3M$n+|V!NS'K+c J
}%@1{M8D^a;TB:Z V
#siteNav #sel a span {e r W7J-\3]9l
background-position:100% -42px;$@1c f;P)Y,_dv P[
} [xz7X/La e ?
--> Iy+Y7?4j'ET
</style> }s3R }d} Y)t.V ]!W
<title>·网络之都·官方论坛‖css预览</title> mt*M*J uq{T-w
</head>
<body>
<div id="siteNav">D&_ MP W'D*{ Lb
<ul>V y&R)IPMH X Nh
<li id="sel"><a href="#"><span>首页</span></a></li> W:p IM ^2mZ
<li><a href="#"><span>资讯</span></a></li>7R(s%w9q M
<li><a href="#"><span>人物</span></a></li>.Ym QP|*j n7\
<li><a href="#"><span>管理</span></a></li>pK$ufj6i
<li><a href="#"><span>经营</span></a></li>;v*m { k+V_;`!B.V
<li><a href="#"><span>财经</span></a></li>:t~IET!E5Bh
<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>4l$M1ith3f
<li><a href="#"><span>评论</span></a></li>
<li><a href="#"><span>博客</span></a></li> B-a:b ^?(|5{I-t
<li><a href="#"><span>老友记</span></a></li>G W*D I cM2E
<li><a href="#"><span>滚动</span></a></li>5[ H#I6BN
<li><a href="#"><span>搜索</span></a></li>
<li><a href="#"><span>WAP</span></a></li>X5H]&Z%L"Z.a2y
</ul> _Jv _/m'Q(d
</div>
</body>,roY WaE$e? gD
</html>[/code]效果预览：[color=#0000ff][url=http://webclub.net.cn/data/071008/css.htm]http://webclub.net.cn/data/071008/css.htm[/url][/color] 网页打不开- -
看不到效果 还在匈牙利主机上,忘了转过来了0Ke0}M5i A
现在已经好了
页:
[1]