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