Offset image mouseover

我正在嘗試做一些類似於此價目表關於鼠標懸停以及下方大圖像更改的方式。我找不到這是叫什麼，任何人都可以指向正確的方向？Offset image mouseover

http://www.anyjunk.co.uk/rubbish-removal-prices

2012-09-14 user1672273

尋找** css sprite **和** css圖片替換**。 –

它看起來對我來說，只是一個基本的onmouseover事件。你可以這樣做：

<script type="text/javascript"> 
    function changeImage(imageFile) 
    { 
     document.getElementById('img1').src = imageFile; 
    } 
</script> 
<div id="div1" onmouseover="changeImage('image2.jpg')">Mouse over this</div> 
<img src="image1.jpg" id="img1" />

這裏是一個jsFiddle作爲例子。

來源

2012-09-14 19:10:54 Travesty3

謝謝你這麼快回復，我以爲是這樣的，但我什麼都看不到。如果可能的話，我希望不使用JavaScript，因爲我需要它在iPad/iPhone上運行良好。我有10個需要鼠標懸停並顯示大圖片的不同項目。這仍然有效嗎？ – user1672273

iPad和iPhone擁有Javascript引擎。這應該對這些工作很好。他們只是不善於處理Flash。看看[jsFiddle]（http://jsfiddle.net/TXgLv/4/）。您可以添加任意數量的項目。 – Travesty3

Offset image mouseover

回答

相關問題