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

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

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

阿七

2006-04-05 12:49

CSS打造动画菜单效果！ M/?,Qii
7=CkZ&(?
演示：http://32color.com/Article/css/200603/20060331121313.html +-!E%$
)\akIA
U N9hZ>9
+X=*>^G(-
7Z6=e6/\
~#pATPW@(
MET9rT
_%nz-I
以下是代码片段： v-{g
<style type="text/css"> &xnQLz:#
#aBack {background-image:url(/Article/UploadFiles/200603/20060331121306251.jpg);width:200px;} )E}v~GW.+
a.c1{display:block;text-decoration:none;text-align:center;width:200px;height:30px;color:#000;line-height:30px;background-color:#eee;margin:3px;} ]||b2[*
a.c1:hover {background-color:transparent;color:#fff;} ;+9OzF ;
</style> Fv$tl)p*
<body> c#n 2!
<div id="aBack"> 'UX.Q7W
<a href="##1" class="c1">菜单一</a> <3;p>4gN
<a href="##2" class="c1">菜单二</a> mO>L]<O
<a href="##3" class="c1">菜单三</a> BQ-x#[%s
<a href="##4" class="c1">菜单四</a> V@ >(xe7
</div>