ページ内のすべてのアンカータグに対してもOnMouseOverを添付したいと思います。しかし、アンカータグのいずれかにすでにOnMouseOverがある場合は、それを置き換えたくありません。そこにイベントハンドラーを追加したいだけです。
JavascriptまたはJQueryを介してそれを達成するにはどうすればよいですか?
ページ内のすべてのアンカータグに対してもOnMouseOverを添付したいと思います。しかし、アンカータグのいずれかにすでにOnMouseOverがある場合は、それを置き換えたくありません。そこにイベントハンドラーを追加したいだけです。
JavascriptまたはJQueryを介してそれを達成するにはどうすればよいですか?
デフォルトの動作では、イベントを置き換えずに追加する.mouseover()
ため、次のように使用します。
$(function() {
$('a').mouseover(function() {
//do something
alert('My url is: ' + this.href);
});
});
ここで試してみてください。または.hover()
、たとえば、カラープラグインまたはjQuery UIがあり、カラーをアニメーション化する場合は、次のようにします。
$(function() {
$('a').hover(function() {
$(this).animate({ color: '#123456' });
}, function() {
$(this).animate({ color: '#000099' });
});
});