創建一個循環來生成鼠標懸停功能

我已經得到的鼠標懸停功能，這對於其他頁面將是更長的列表，所以我在尋找一種方式來產生一個循環的鼠標懸停功能。創建一個循環來生成鼠標懸停功能

這裏有5個功能小清單中的例子，通過把在一個循環的功能，我應該能夠理解如何將它擴展到更多。

function mouseOver1() 
{ 
    document.pic.src ="img1.jpg" 
} 

function mouseOver2() 
{ 
    document.pic.src ="img2.jpg" 
} 

function mouseOver3() 
{ 
    document.pic.src ="img3.jpg" 
} 

function mouseOver4() 
{ 
    document.pic.src ="img4.jpg" 
} 

function mouseOver5() 
{ 
    document.pic.src ="img5.jpg" 
}

感謝您的幫助！

來源

2013-10-21 Rob van den Bogaert

說實話我JS的知識是如此糟糕，我只試過的事情，我能理解或好像邏輯給我。這可能是一個荒謬的嘗試，但我試圖產生的功能相同的方式，我在一個字幕中生成一系列的圖片，與一個for循環變量我是IMG號碼和功能號碼。顯然，您不能像編寫html代碼一樣編寫javascript代碼。 –

我給你一個提示：嘗試創建一個接受'i'作爲參數的'mouseOver'方法。 –

我一直在尋找一段時間，還沒有找到我應該怎麼做。如果這是我需要了解的所有內容，那麼首先我需要一個初學者Javascript課程，我被困在這裏。我以前試過，但它不執行任何操作：爲（I = 1; I <6;我++;）{ 函數（的mouseOver + I（） { document.pic.src = 「IMG」 + I +」 .JPG「; }）} 就像我說的，我的JS的知識可能太低這一點。 –

（移動從評論的討論）

你不想創建五個不同的方法。你想要一種可以處理你所有情況的方法。

function mouseOver(i) { 
    document.pic.src="img" + i + ".jpg"; 
}

而且在那裏你會一直把它稱爲像這樣前：

mouseOver1();

現在這樣稱呼它：

mouseOver(1);

這是否有意義？

來源

2013-10-21 20:30:28

哇，實際上是那麼簡單，這個作品完美！我覺得有點愚蠢，但至少我在這裏學到了一些東西，謝謝！ –

沒問題！如果這對你有用，請將我的答案標記爲已接受！ :) –

完成，對不起，這個網站還是新的，再次感謝！ –

創建一個循環來生成鼠標懸停功能

回答

相關問題