Home > 技 术 > 动态翻转简单代码

动态翻转简单代码

2008年12月10日 字体大小 发表评论 阅读评论

箭头会平滑的跟随鼠标移动,没有使用一丁点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

分类: 技 术 标签: 浏览192 次
声明: 本站内容遵循 署名-非商业性使用-禁止演绎 2.5 共享协议. 原创文章转载 请注明转自 守望的麦子

相关文章 随机文章 本月热评 热门标签

    1. 本文目前尚无任何评论.
    1. 本文目前尚无任何 trackbacks 和 pingbacks.