1
A
回答
3
类似的东西:
HTML
<div id="images">
<div class="img img1">
<img data-gif_src="http://38.media.tumblr.com/tumblr_mdnaeqwmTr1rtuulro1_250.gif" src="http://i.dailymail.co.uk/i/pix/2011/12/25/article-2078552-0F44CB3D00000578-206_468x331.jpg"/>
</div>
</div>
CSS
#images .img {
width: 200px;
height: 150px;
}
#images .img img {
width: 200px;
height: auto;
}
JS
$('#images .img img').mouseenter(function(){
$(this).data('img_src', $(this).attr('src'));
$(this).attr('src', $(this).data('gif_src'));
}).mouseleave(function(){
$(this).attr('src', $(this).data('img_src'));
});
+0
您可以选择普通的JavaScript库或jQuery插件 – 2014-10-12 09:56:51
相关问题
- 1. NSTimer暂停/播放文件1,暂停/播放文件2
- 2. 暂停/鼠标事件的jQuery
- 3. 悬停播放音频文件(并停止播放鼠标)
- 4. 按播放/暂停按钮停止并启动gif
- 5. 暂停SourceDataLine播放
- 6. 暂停播放器
- 7. 如何在鼠标输入/输出中播放/暂停视频?
- 8. AMP轮播暂停/播放
- 9. JQuery鼠标暂停
- 10. 播放和暂停以播放声音
- 11. 暂停播放video.js播放器
- 12. 在winform中播放和暂停.GIF动画
- 13. 使用纯JavaScript在鼠标悬停上播放系列动画GIF图像
- 14. jQuery滑块,如何在鼠标悬停时暂停自动播放?
- 15. 如何播放悬停时的影片剪辑,鼠标离开时暂停
- 16. 从flex播放/暂停flash.display.avm1movie
- 17. Qt播放/暂停动作?
- 18. 暂停播放按钮
- 19. 暂停Spotify播放意图
- 20. 在鼠标上停止播放音乐
- 21. SVG组鼠标悬停/鼠标事件
- 22. 暂停jQuery悬停(鼠标悬停)
- 23. 暂停传单事件传播
- 24. 在某些事件中暂停任何媒体播放器
- 25. 在Linux中启动播放/暂停事件
- 26. 收听mac键盘播放/暂停事件
- 27. Javascript播放/暂停按钮键盘事件
- 28. C++鼠标悬停事件
- 29. 播放,暂停,停止音乐与UIActionSheet
- 30. JavaScript声音播放/停止/暂停
不确定您可以通过传统GIF来实现... html5视频,如果您的浏览器支持允许您 – 2014-10-10 08:30:27