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附加到它。希望有所帮助。

如何使用javascript实现悬停效果？

4 个答案: