如何使用javascript實現懸停效果？

我有3個子彈圖像。 1表示激活，1表示懸停，1表示其餘鏈接。如何使用javascript實現懸停效果？

這是我的代碼。

<a href="#" class="toc selected" rel="2"><img src="images/othersdefdot.png" onclick="funcCaller('fund', 'images/reddot.png', 'local', 'images/othersdefdot.png', 'youthgames', 'images/othersdefdot.png')" name="fund"></a>

如何在此鏈接中實現懸停效果？

Check the demo page here

感謝

來源

2011-07-11 Giri

讓我想起了Ubuntu的裝載點;） – FreeSnow

，我肯定會建議更改爲只使用''標籤，與背景圖像，而不是一個嵌套的圖像，然後簡單地在'a：hover'和'a：active'上切換背景。 – Nightfirecat

<a href="#" class="toc selected" onMouseover="showPic1()" onMouseout="showPic2()"> 
    <img id="link_img" src="/images/othersdefdot.png" /> 
</a>

的Javascript：

function showPic1() { 
    document.getElementById('link_img').src = "/images/img1.png"; 
} 

function showPic2() { 
    document.getElementById('link_img').src = "/images/img2.png"; 
}

來源

2011-07-11 19:12:28 Jules

謝謝。我會試試這個 – Giri

我不完全知道你是問什麼，而是你可以使用onmouseover屬性。

<a href="#" class="toc selected" rel="2"><img src="images/othersdefdot.png" onclick="funcCaller('fund', 'images/reddot.png', 'local', 'images/othersdefdot.png', 'youthgames', 'images/othersdefdot.png')" onmouseover="javascriptFunction()" name="fund"></a>

來源

2011-07-11 19:09:37 switz

你必須看着這裏的jQuery的滾動： http://flowplayer.org/tools/demos/scrollable/plugins/index.html

我想這是你想要的。

來源

2011-07-11 19:10:33 Blueboye

如果只是爲了懸停效果，沒有必要使用JavaScript。你可以只使用CSS：

a img:hover{ 
    /*change background*/ 
}

但是如果你堅持，你可以事件處理onmousedown重視它。希望有所幫助。

來源

2011-07-11 19:11:12

無法工作，因爲圖像會出現在背景之上。 – Nightfirecat

如何使用javascript實現懸停效果？

回答

相關問題