javascript - 如何使用 Javascript 创建带有 Sprite Sheet 的动画按钮?

标签 javascript html animation

我正在尝试使用 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/

相关文章:

javascript - 如何在背景图片上添加文字

jQuery 和#链接

javascript - 带有 json 数据的香蕉 Sprite js 动画(前进/后退和淡入淡出)

CSS 动画适用于 Chrome,但不适用于 Safari

javascript - jquery animate 步骤的起始值不正确

javascript - 从包含特定字符串作为 Javascript 子字符串的对象中选取键

java - 无法使用 java 在 selenium webdriver 中打印特定名称

java - request.getParameter ("String")始终返回 null。为什么?

Javascript:DIV层的条件动画

javascript - 如何在隐藏字段中保存单选按钮单击的值?