10 Dec 2008

动态翻转简单代码

箭头会平滑的跟随鼠标移动，没有使用一丁点JavaScript和gif动画。

代码：

.example1 a{position:relative;}/* set stacking context*/
.example1 a span{
visibility:hidden;/* hide message initially*/
position:absolute;
top:-66px;
left:-70px;
width:250px;
padding:5px;
background:#829900;
color:#fff;
border:2px inset green;
}
.example1 a:hover{visibility:visible}/* ie bug needed to make span show*/
.example1 a:hover span{visibility:visible;}/* reveal image*/

 演示地址

via: http://www.pmob.co.uk/pob/disjointed1.htm#null

Til next time,
Jason at 00:00