JQuery懸停圖像交換問題

我一直在嘗試爲現在使用JavaScript的頁面實現JQuery懸停實現。JQuery懸停圖像交換問題

將鼠標懸停在拇指圖像上應相應地更改下面的圖像，並且當您將鼠標移出時，背景顏色應該返回到背景顏色#FFFFFF。

我認爲我仍然缺少JavaScript中的東西，如果有人看到這個問題，我會非常感激。

這裏是我的jsfiddle：http://jsfiddle.net/NinjaSk8ter/P8baa/

這裏是鏈接到網站，其中說明了行爲：http://www.odontex.net/Ingles/mexico/aboutus-mexicoci.html

enter image description here

來源

2011-04-28 Paul

你的所有的div有id="content"改變他們爲class="content將是一個開始

來源

2011-04-28 19:30:54 LostLin

做了伎倆謝謝！ – Paul 2011-04-28 19:36:30

我會用這樣的事情...

馬克所有的拇指與例如類「拇指」，並給它們一個屬性，如引用=「X」，其中X是拇指的數字。然後，使帶class =「內容」 thumbref =「X」內容框具有相同的含義......然後

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

，我認爲它應該做的伎倆:)

來源

2011-04-28 17:59:48

@當你說給「拇指」一個屬性1 2或3，你能證明嗎？林困惑 – Paul 2011-04-28 18:02:16

使

...image of the thumb...

– 2011-04-28 18:06:17

@主席我想我仍然失去了一些東西，因爲它不工作在我的小提琴：http://jsfiddle.net/NinjaSk8ter/P8baa/ – Paul 2011-04-28 19:10:14

JQuery懸停圖像交換問題

回答

相關問題