04 2012 档案

动画角标的实现方案与比较（JS/Flash/CSS3）
摘要：最近想在QQ弹窗每日精选上做个比较炫的角标动画，于是乎发现了这么些有意思的东东。CSS版最先想到的是做个纯CSS版的，原理也简单：a标签默认一张背景图，a:hover后换成另一张动态gif图。这种方法的特点是：设计成本中，兼容性中，性能影响中。我们期望的效果是：鼠标mouseover时，播放一遍动画，mouseout时恢复原状，再次mouseover时要重头播放一遍动画。比较搞笑的是原生IE6/7上可以满足要求（可能因为没有做优化，每次hover都会重新渲染gif，好在没有发起新的请求）。但其他浏览器却缓存了hover的状态，不管是播放一次的gif，还是循环播放的gif，都无法完美实现这样的效 阅读全文
posted @ 2012-04-06 01:00 猫哥_kaiye 阅读(963) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示