我一直在尝试为现在使用JavaScript的页面实现JQuery悬停实现。
鼠标移到拇指图像上应该会相应地改变下图像,当你用鼠标移出背景颜色时,背景颜色应该返回到背景颜色#FFFFFF。
我认为我仍然遗漏了JavaScript中的一些东西,如果有人看到这个问题,我将非常感激。
这是我的JSFiddle:http://jsfiddle.net/NinjaSk8ter/P8baa/
以下是指向该站点的链接,它说明了该行为:http://www.odontex.net/Ingles/mexico/aboutus-mexicoci.html
发布于 2011-04-29 03:30:54
您的所有div都有id="content"
,将它们更改为class="content
将是一个开始
发布于 2011-04-29 01:59:48
我会用这样的东西。
例如,用" thumb“类标记所有拇指,并给它们一个类似于references="X”的属性,其中X是拇指的编号。然后,用相同的meaning...then制作带有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()
}
);
});
我认为它应该能做到这一点:)
https://stackoverflow.com/questions/5822808
复制相似问题