如何在图像脚本上增强 MouseOver？ [关闭]

Question

我写了一个小脚本。这是演示：http://jsfiddle.net/kolxoznik1/MfLuU/3/

一切都很好，但我需要优化它，因为我认为代码没有按应有的方式编写。想听听有什么可以改进的。

Answer 1

您的 HTML 无效 - 这就是 jsfiddle 突出显示您最后一个 div 标记的原因。确保关闭 img 标记，并且结束锚标记的斜线位置错误。

<a href="#"><img src="http://i.cdn.turner.com/cnn/2011/WORLD/europe/09/04/france.strauss.kahn.arrival/c1main.strauss.kahn.paris.jpg" alt="" title="" class="medium_photo right"/></a>

您可以在 jQuery 调用上使用链接。您可能还应该使用find，这样您就只能得到当前.a下方的.b

$(".a").mouseover(function() {
    $(this).find('.b').show();
}).mouseout(function() {
    $(this).find('.b').hide();
});

Answer 2

看看 jQuery 的 toggle() 方法。