Как добиться эффекта парения, используя JavaScript?

Question

У меня есть 3 изображения пули.1 для активного, 1 для наведения и 1 для остальных ссылок.

Вот мой код.

<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>

Как добиться эффекта наведения в этой ссылке?.

Проверьте демонстрационную страницу здесь

Спасибо

Answer 1

<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";
}

Answer 2

Вы должны смотреть на прокручиваемый jQuery здесь: http://flowplayer.org/tools/demos/scrollable/plugins/index.html

Я думаю, это то, что вы хотите.

Answer 3

, если это просто для эффекта наведения, нет необходимости использовать javascript.Вы можете просто использовать css:

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

, однако, если вы настаиваете, вы можете прикрепить к нему обработчик событий onmousedown.надеюсь, что это поможет.

Answer 4

Я не совсем уверен, что вы спрашиваете, но вы можете использовать свойство 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>