javascript - 悬停缩略图播放

Question

我的服务器上有几个视频，每个视频有三个缩略图我想要的是如果我将鼠标放在它显示的视频上（播放）该视频的所有缩略图谢谢

Answer 1

您需要拥有每个缩略图的静态和动画版本。最简单的解决方案之一是使用：

<div style='width:100p; height:100px; background:url(static_thumb.gif)'></div>

然后适用于所有此类 div：

$('your divs').hover(
function(){ $(this).html('<img src='+process($(this).css('background-image'))+'>') },
function(){ $(this).empty() }
);

最后，您需要指定处理函数，它将 url(static_thumb.gif) 更改为类似 ani_thumb.gif 的内容。