/** * コンストラクタ */ function RollOverImage( id ){ this.img = document.getElementById( id ); this.originalPath = this.img.src; } // マウスオーバー・マウスアウト時処理 RollOverImage.prototype.setMouseOverImage = function( filepath ){ // 画像のロード this.mouseoverImg = new Image(); this.mouseoverImg.src = filepath; var originalPath = this.originalPath; this.img.onmouseover = function(){ this.src = filepath; }; this.img.onmouseout = function(){ this.src = originalPath; }; /* DOM Level2 Event API */ //this.img.addEventListener( "mouseover" , this.getClosure( filepath ) , true ); //this.img.addEventListener( "mouseout" , this.getClosure( this.originalPath ) , true ); } // マウスダウン・マウスアップ時処理 RollOverImage.prototype.setMouseDownImage = function( filepath ){ this.mousedownImg = new Image(); this.mousedownImg.src = filepath; var originalPath = this.originalPath; this.img.onmousedown = function(){ this.src = filepath; }; this.img.onmouseup = function(){ this.src = originalPath; }; } window.onload = function(){ var rollover = new RollOverImage( "menu_01" ); rollover.setMouseOverImage('../img/common/menu_01_on.gif'); var rollover = new RollOverImage( "menu_02" ); rollover.setMouseOverImage('../img/common/menu_02_on.gif'); var rollover = new RollOverImage( "menu_03" ); rollover.setMouseOverImage('../img/common/menu_03_on.gif'); var rollover = new RollOverImage( "menu_04" ); rollover.setMouseOverImage('../img/common/menu_04_on.gif'); var rollover = new RollOverImage( "menu_05" ); rollover.setMouseOverImage('../img/common/menu_05_on.gif'); var rollover = new RollOverImage( "menu_06" ); rollover.setMouseOverImage('../img/common/menu_06_on.gif'); var rollover = new RollOverImage( "menu_07" ); rollover.setMouseOverImage('../img/common/menu_07_on.gif'); var rollover = new RollOverImage( "pagetop" ); rollover.setMouseOverImage('../img/common/this_pagetop_on.gif'); };