我正在尝试使用 Sprite 表创建一个动画按钮。动画应在悬停时播放,然后在鼠标移出时播放,动画应完成然后停止。
我怎样才能做到这一点?我尝试过设置 div 的背景并通过悬停事件控制背景位置。我可以让背景位置正确设置自身,但每次更改都进行得如此之快,以至于可能是即时的,因此动画不会自行显示。
任何建议都会有帮助。经过大量搜索但没有成功后,我不知道还能尝试什么。
谢谢!
最佳答案
最好的建议是使用 CSS3。
非常简单,不需要 JavaScript:
看看这个例子:
http://codeitdown.com/css-sprite-animations/
示例如下:
http://jsfiddle.net/drukaman/ued7mLha/1/
关于javascript - 如何使用 Javascript 创建带有 Sprite Sheet 的动画按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29250270/