Javascript mouseover，在图像中添加边框

我在我的网站上有一些圆形按钮，当鼠标悬停时，我想获得蓝色轮廓。我该怎么做？我试图做的这个网站是http://www.inglesfield.com/。我已经有了一个mousedown事件来防止图像拖动，是否可以独立地同时发生两个事件（mousedown和mouseover）？谢谢！：dJavascript mouseover，在图像中添加边框

来源

2013-03-04 william44isme

不要使用表格进行造型，不要使用内联样式，不要使用内联脚本，缩进脚本，不要使用中心标签，不要复制ID。请阅读：https://developer.mozilla.org/en-US/docs/HTML/Introduction – howderek 2013-03-04 17:49:07

我知道这一点，但中心标记是必要的。我尝试了许多其他CSS技术，但最简单和最有效的方法是

。即使谷歌使用它（谨慎），检查他们的代码:) – william44isme 2013-03-04 17:55:58

区别在于谷歌需要节省带宽，因为每一个字节都为他们计数，你的网站可能没有足够的访问者来证明使用已弃用的标签。学会在早期以正确的方式做事情，然后在未来改变自己的方式会更好。 http://stackoverflow.com/questions/1967191/why-would-google-use-a-font-tag – howderek 2013-03-04 19:25:28

你可以在图像上的方式添加CSS hover样式

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

：而不是使用IDS的图像，使用类=“内容”，因为IDS应该是一个HTML独特

页

来源

2013-03-04 17:33:31 mansur

谢谢！完美的解决方案：D – william44isme 2013-03-04 17:56:23

顺便说一下，现在检查网站。虽然它确实添加了边框，但它似乎会使图像稍微小一些，影响排中的其他图像......这是正常的吗？我在Chrome和Safari中尝试过，它的行为相同。 – william44isme 2013-03-04 18:04:15

是的，因为边界需要空间。例如，您可以在#content {border：2px solid transparent; }其中保留的空间 – mansur 2013-03-04 18:20:56

只需使用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/

来源

2013-03-04 17:35:16 Orlando

Javascript mouseover，在图像中添加边框

回答

相关问题