| 阿七 |
2006-04-05 12:49 |
CSS打造动画菜单效果！ d J%Rk#?;A
O][Nl^dl
演示：http://32color.com/Article/css/200603/20060331121313.html C| L^Ds0
l*\~ew
d
O46~
H~dHVQtJZ
*zVLy^L_8
vG<pc_ak
1^f.5@tV
> g >`!Sf
以下是代码片段： ^2C /!Y<
<style type="text/css"> b~r{J5x@
#aBack {background-image:url(/Article/UploadFiles/200603/20060331121306251.jpg);width:200px;} G] mWaA
a.c1{display:block;text-decoration:none;text-align:center;width:200px;height:30px;color:#000;line-height:30px;background-color:#eee;margin:3px;} rx6-~0!eI=
a.c1:hover {background-color:transparent;color:#fff;} ZG @M%|>
</style> S2
"=B&,}
<body> o`\.I
&Ij
<div id="aBack"> 9XoQO9*Q
<a href="##1" class="c1">菜单一</a> K4k~r!&OU
<a href="##2" class="c1">菜单二</a> ^6a S]t
<a href="##3" class="c1">菜单三</a> hY=w|b=Y
<a href="##4" class="c1">菜单四</a> {;&B^uz
]
</div> |
|