2011-09-21 64 views
0

我有此代碼可以將鼠標懸停在另一個圖像上時更改div標籤的背景顏色。但是,它只能在兩種背景顏色之間翻轉一個div標籤。我需要有12張圖像將一個div標籤更改爲12種不同的顏色(每個圖像一種顏色,而不是在第一次懸停時切換爲一種顏色而另一種顏色在第二種顏色時)。我真的很新,所以任何幫助將不勝感激。Div背景更改爲12種不同的顏色

代碼:

function changeBackgroundColor(objDivID) 
    { 
     var backColor = new String(); 

     backColor = document.getElementById(objDivID).style.backgroundColor; 

     // IE works with hex code of color e.g.: #eeeeee 
     // Firefox works with rgb color code e.g.: rgb(238, 238, 238) 
     // Thats why both types are used in If-condition below 
     if(backColor.toLowerCase()=='#eeeeee' || backColor.toLowerCase()=='rgb(238, 238,  238)') 
     { 
      document.getElementById(objDivID).style.backgroundColor = '#c0c0c0'; 
     } 
     else 
     { 
      document.getElementById(objDivID).style.backgroundColor = '#eeeeee'; 
     } 
    } 

回答

0

有if語句拼錯的空間。 的RGB()空格分隔符語法必須是相同的瀏覽器的語法

更換,如果用下面的語句:

if(backColor.toLowerCase()=='#eeeeee' || backColor.toLowerCase()=='rgb(238, 238, 238)')