如何使用javascript实现悬停效果
How to achieve hover effect using javascript?
我有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>
如何在此链接中实现悬停效果?
点击这里查看演示页面
<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";
}
我不太确定你在问什么,但是你可以使用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>
你必须看看这里的jQuery可滚动:http://flowplayer.org/tools/demos/scrollable/plugins/index.html
我想这就是你想要的。
如果它只是为悬停效果,没有必要使用javascript。你可以直接使用css:
a img:hover{
/*change background*/
}
但是,如果您坚持,您可以将事件处理程序onmousedown
附加到它。
相关文章:
- 如何使用动画实现纸张推车
- 客户端服务器REST API captcha实现
- 当鼠标悬停在文本中的单词上时显示警报
- 每当您在选择器内移动鼠标时,悬停功能就会重复
- 如何实现此布局
- 手风琴可点击并悬停
- 如何实现这种悬停效果?尝试了几种方法,但没有成功
- 如何在页面上的多个缩略图集的鼠标悬停时实现 jQuery 图像循环
- 悬停实现时图像上的文本
- 高图表.js添加鼠标悬停功能或悬停状态(实现中断图表?
- 如何通过悬停从一个选项卡到另一个选项卡来实现流畅的打字机效果转换
- 当特定框悬停时,如何将jQuery实现到类的特定类
- 这种多重悬停效果只使用CSS实现吗?
- 为桌面和iPad实现悬停行为
- 如何使用Snap.SVG实现悬停效果
- 如何正确实现这个jquery示例.显示/隐藏Div悬停,导航
- 如何使用javascript实现悬停效果
- 在单击而不是悬停时实现翻转卡
- 如何实现悬停效果的圆角效果在IE中
- 为HTML元素实现鼠标悬停背景颜色更改的最简单方法是什么