CSS打造动画菜单效果！网站建设常州五颜六色网络技术有限公司

常州五颜六色网络技术有限公司 -> 网站建设 -> CSS打造动画菜单效果！

登录 -> 注册 -> 回复主题 -> 发表主题

阿七

2006-04-05 12:49

CSS打造动画菜单效果！ Sv.KI{;v$
I|$'Q$m~
演示：http://32color.com/Article/css/200603/20060331121313.html TAXd,z N
n(Qj||:
{;U}:Dx
Xfj)gPt}
x2Ha&
?(]a*~rx
*hV4[=
fW(;
以下是代码片段： #]"/{Z
<style type="text/css"> !>\9t9
#aBack {background-image:url(/Article/UploadFiles/200603/20060331121306251.jpg);width:200px;} ty':`)
a.c1{display:block;text-decoration:none;text-align:center;width:200px;height:30px;color:#000;line-height:30px;background-color:#eee;margin:3px;} O ,l\e3;
a.c1:hover {background-color:transparent;color:#fff;} i"/r)>"b
</style> STv(kQs
<body> EH(tUwY%{
<div id="aBack"> SzRL}}I
<a href="##1" class="c1">菜单一</a> ,Ie<'> hd
<a href="##2" class="c1">菜单二</a> fQxSMPWB
<a href="##3" class="c1">菜单三</a> %j%%Rn
<a href="##4" class="c1">菜单四</a> V!mWn|lf
</div>