# 他人のコードを参考にしたのに「自己」解決とはこれいかに。
大抵の場合、mouseover なんてのは文書要素に 1 つ付ければ十分。例えば下記を HTML の好きな位置に組み込めば、勝手にロールオーバーするようになる。
<script type="text/javascript">/*@cc_on@*/
if (document.implementation &&
document.implementation.hasFeature ('HTML', '1.0') &&
/*@if (@_jscript)
@_jscript_version > 5.5 &&
@else@*/
document.implementation.hasFeature ('MouseEvents', '2.0') &&
/*@end@*/
typeof Function.prototype != 'undefined'
) {
var MouseOverListener = function (event) {
arguments.callee.prototype.handleEvent (event);
return arguments.callee;
};
MouseOverListener.prototype = {
////////////////////////////////////////////////////////////////////////
// ページ内で、左の画像にポイントすると右の画像に切り替わる。
// ポインタを外すと元に戻る。数は自由。
'sample1-1.png' : 'sample1-2.png',
'sample2-1.png' : 'sample2-2.png',
'sample3-1.png' : 'sample3-2.png',
// 設定ここまで
////////////////////////////////////////////////////////////////////////
src : '',
handleEvent : function (event) {
/*@if (@_jscript)
var t = window.event.srcElement;
var r = window.event.fromElement;
@else@*/
var t = event.target;
var r = event.relatedTarget;
/*@end@*/
if (r) {
if (r.nodeName == 'IMG') {
var src = this.parse (r.src);
if (src == this[this.src]) {
r.src = this.src;
}
}
}
if (t.nodeName == 'IMG') {
var src = this.parse (t.src);
if (this[src]) {
this.src = src;
t.src = this[src];
}
}
},
parse : function (uri) {
var tmp = uri.split (/[/\\]/g);
return tmp[tmp.length - 1];
}
};
document./*@if (@_jscript) attachEvent ('on' + @else@*/
addEventListener (/*@end@*/'mouseover', MouseOverListener, false);
</script>
