Javascript鼠标悬停,添加边框到图像

时间:2013-03-04 17:28:18

标签: javascript javascript-events border image

我的网站上有一些圆圈按钮,我想在鼠标悬停时获得蓝色轮廓。      我该怎么做?我试图这样做的网站是http://www.inglesfield.com/。我已经有一个mousedown事件来阻止图像拖动,是否可以独立地拥有这两个事件(mousedown和mouseover)?谢谢! :d

2 个答案:

答案 0 :(得分:2)

您可以在图片上添加css悬停样式

#content:hover { border: 2px solid blue; border-radius: 100px; }

顺便说一下:使用class =“content”代替使用id为“图像”,因为ids在html页面上应该是唯一的

答案 1 :(得分:1)

只需使用css:hover伪类..你不需要javascript for this

<img class="hover" src="http://www.hollywoodreporter.com/sites/default/files/2012/12/img_logo_blue.jpg"/>
<style> img.hover:hover {border:5px solid #555;} </style>

示例:http://jsfiddle.net/orlando/Y3Ux6/