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：hoverpseudoclassを使用するだけです。これには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/