JQuery悬停图像交换问题

Question

我一直在尝试为现在使用JavaScript的页面实现JQuery Hover Implementation。

鼠标悬停在拇指图像上应相应地更改下部图像，当您将鼠标移出背景颜色时，应该返回背景颜色#FFFFFF。

我认为我仍然遗漏了JavaScript中的某些内容，如果有人发现问题，我会非常感激。

这是我的JSFiddle：http://jsfiddle.net/NinjaSk8ter/P8baa/

以下是指向该行为的网站链接：http://www.odontex.net/Ingles/mexico/aboutus-mexicoci.html

Answer 1

我会用这样的东西......

用拇指标记所有拇指class“thumb”并给它们一个类似references =“X”的属性，其中X是拇指的数字。然后，使用class =“content”thumbref =“X”制作具有相同含义的内容框......然后

$(document).ready(function(){
    $(".content").hide();
    $(".thumb").hover(
        function(){
            $(".content[thumbref="+$(this).attr("references")+"]").show()
        },
        function(){
            $(".content[thumbref="+$(this).attr("references")+"]").hide()
        }
    );
});

我觉得应该这样做：）

Answer 2

您的所有div都id="content"将其更改为class="content将是一个开始