悬停缩略图时播放

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 的内容。