如何增强图像脚本上的 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() 方法。