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> 

このリンクでホバー効果を実現する方法は？

Check the demo page here

おかげ

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

私はあなたが求めているものを正確にわからないんだけど、あなたは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> 

Answer 3

あなたはここにスクロールjQueryのを見てする必要があります。 http://flowplayer.org/tools/demos/scrollable/plugins/index.html

私はこれが何をしたいと思います。

Answer 4

ホバリング効果のためだけであれば、javascriptを使用する必要はありません。あなただけのCSSを使用することができます。

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

しかし、あなたが主張するならば、あなたはそれにイベントハンドラonmousedownを付けることができます。助けてくれることを望む。