JavaScript圖片改變錯誤

剛加入今天已經愛上了這個網站。JavaScript圖片改變錯誤

我的問題是這樣的。我正在爲我的網站創建6個菜單。比如Eg {home，關於我們，服務.....}，並且我希望圖片在用戶鼠標懸停在菜單上時發生變化。我從網上得到了實際的代碼。但它是一個形象的例子這裏是代碼：的JavaScript/DHTML/AJAX語法（切換純文本）

function roll_over(img_name, img_src) 
{ 
document[img_name].src = img_src; 
}

而且對身體的JavaScript/DHTML/AJAX語法（切換純文本）

<A HREF="some.html" onmouseover="roll_over('but1', 'icon2.gif')" 
onmouseout="roll_over('but1', 'icon1.gif')"> 
<IMG SRC="icon1.gif" WIDTH="100" HEIGHT="50" 
NAME="but1" BORDER="0"> 
</A>

現在我試圖乘以這五次（只是重複了代碼並更改了圖片名稱） - 但是每當我將鼠標懸停在圖像上時，它們都不會改變。

所以我的Q - 是：你如何使上述代碼從一個圖像轉換到6？

謝謝！

來源

2011-11-28 Naeem Ul Wahhab

好吧，我想通了。應該爲每個圖像設置一個唯一的名稱。試試這個代碼的JavaScript/DHTML/AJAX語法（切換純文本）

<script> 
function roll_over(img_name, img_src) 
{ 
document[img_name].src = img_src; 
} 
</script> 

<A HREF="some.html" onmouseover="roll_over('but1', '10.gif')" 
onmouseout="roll_over('but1', '10-roll.gif')"> 
<IMG SRC="10-roll.gif" WIDTH="100" HEIGHT="50" 
NAME="but1" BORDER="0"> 
</A> 

<A HREF="some.html" onmouseover="roll_over('but2', '1-roll.gif')" 
onmouseout="roll_over('but2', '1.gif')"> 
<IMG SRC="1.gif" WIDTH="100" HEIGHT="50" 
NAME="but2" BORDER="0"> 
</A> 

<A HREF="some.html" onmouseover="roll_over('but3', '2-roll.gif')" 
onmouseout="roll_over('but3', '2.gif')"> 
<IMG SRC="2.gif" WIDTH="100" HEIGHT="50" 
NAME="but3" BORDER="0"> 
</A>

希望這個作品

來源

2011-11-28 03:48:36

感謝您的幫助 –

嘗試使用每個圖像的id（id必須是唯一的，所以應該沒有元素同樣id）：

<A HREF="some.html" onmouseover="roll_over('but1', 'icon2.gif')" onmouseout="roll_over('but1', 'icon1.gif')"> 
    <IMG SRC="icon1.gif" WIDTH="100" HEIGHT="50" ID="but1" BORDER="0" /> 
</A>

而這種代碼：

function roll_over(img_id, img_src) { 
    document.getElementById(img_id).src = img_src; 
}

來源

2011-11-28 03:50:52 Blender

thnkyou這麼多！ –

哎呀，我的代碼壞了。現在就試試。 – Blender

好的非常感謝 –

JavaScript圖片改變錯誤

回答

相關問題