阿七 |
2006-04-05 12:49 |
CSS打造动画菜单效果! dJ%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> ^6aS]t <a href="##3" class="c1">菜单三</a> hY=w|b=Y <a href="##4" class="c1">菜单四</a> {;&B^uz
] </div> |
|