首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >JQuery悬停图像交换问题

JQuery悬停图像交换问题
EN

Stack Overflow用户
提问于 2011-04-29 01:41:59
回答 2查看 359关注 0票数 0

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

鼠标移到拇指图像上应该会相应地改变下图像,当你用鼠标移出背景颜色时,背景颜色应该返回到背景颜色#FFFFFF。

我认为我仍然遗漏了JavaScript中的一些东西,如果有人看到这个问题,我将非常感激。

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

以下是指向该站点的链接,它说明了该行为:http://www.odontex.net/Ingles/mexico/aboutus-mexicoci.html

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-04-29 03:30:54

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

票数 3
EN

Stack Overflow用户

发布于 2011-04-29 01:59:48

我会用这样的东西。

例如,用" thumb“类标记所有拇指,并给它们一个类似于references="X”的属性,其中X是拇指的编号。然后,用相同的meaning...then制作带有class=" content“thumbref="X”的内容框

代码语言:javascript
运行
复制
$(document).ready(function(){
    $(".content").hide();
    $(".thumb").hover(
        function(){
            $(".content[thumbref="+$(this).attr("references")+"]").show()
        },
        function(){
            $(".content[thumbref="+$(this).attr("references")+"]").hide()
        }
    );
});

我认为它应该能做到这一点:)

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5822808

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档