为什么gif动画只在jQuery中播放一次?

我有一个带有两个div的小页面,单击第一个div将弹出第二个div并隐藏第一个div,第二个div上有三个gif文件,一旦第二个div跳出,动画将开始播放。 单击第二个div将弹出第一个div并隐藏第二个div。 我想要的是,如果我再次回到第二个div,动画将再次播放,但在自动中它不会,它只是第一次。 为什么? 看来在jQuery中,动画只会在div加载时第一次播放,有谁知道答案? 非常感谢!

JIF无法通过Javascript控制。 据我所知,当它应该开始时它甚至是未定义的。 大多数浏览器在首次加载图像时启动它。 我从未见过浏览器在隐藏图像后重新显示动画时重新启动动画。 (如果是无限动画,则动画会在某个随机点继续播放。)

为了达到预期的效果,您可以尝试使用搜索页面上的+1按钮(当您登录时)实现与Google相同的效果。 他们使用具有多个框架的单个PNG(请参阅如何使用jquery创建Google加一个按钮效果? )和JavaScript来更改background-position CSS属性以执行动画。

试试这个http://spritely.net/

你可以使用jquery控制你的动画,它易于使用。