javascript - Javascript鼠标悬停，为图像添加边框

Question

我的网站上有一些圆形按钮，我想在你的时候得到一个蓝色的轮廓mouseover。

<img src="/images/example.png" onmouseover="JavascriptHere">

我该怎么做？我正在尝试执行此操作的网站是http://www.inglesfield.com/。我已经有一个mousedown防止图像拖动的事件，是否可以同时拥有两个事件（mousedown和mouseover）？

Answer 1

您可以在图像上添加 CSS 悬停样式

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

顺便说一句：不要对图像使用 id，而是使用 class="content"，因为 id 在 html 页面上应该是唯一的

Answer 2

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

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