<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <script language="JavaScript"> <!--//Copyright (C) WEST MiRa http://www.west-mira.jp my_pic=new Array(); //マスコットに使う画像を指定する //右下用 my_pic[0]=new Image(); my_pic[0].src="0.gif"; //左下用 my_pic[1]=new Image(); my_pic[1].src="1.gif"; //右上用 my_pic[2]=new Image(); my_pic[2].src="2.gif"; //左上用 my_pic[3]=new Image(); my_pic[3].src="3.gif"; x_mae=0; y_mae=0; x_iti=0; y_iti=0; x_purasu=0; y_purasu=0; kekka_pic=new Image(); function basyo_han(e) { if(document.layers){x_iti=e.pageX; y_iti=e.pageY;} else if((document.getElementById) && (!document.all)) {x_iti=e.pageX; y_iti=e.pageY;} else if(document.all) {x_iti=document.body.scrollLeft+event.clientX; y_iti=document.body.scrollTop+event.clientY;} if(y_mae < y_iti && x_mae <= x_iti) {x_purasu=-60; y_purasu=-50; kekka_pic.src=my_pic[3].src;} else if(y_mae < y_iti && x_mae > x_iti) {x_purasu=10; y_purasu=-60; kekka_pic.src=my_pic[2].src;} else if(y_mae > y_iti && x_mae <= x_iti) {x_purasu=-60; y_purasu=10; kekka_pic.src=my_pic[1].src;} else {x_purasu=10; y_purasu=10; kekka_pic.src=my_pic[0].src;} hyouji(); } function hyouji() { if(document.layers){ document.layers["lay0"].document.open(); document.layers["lay0"].document.write('<img src="'+kekka_pic.src+'">'); document.layers["lay0"].document.close(); document.layers["lay0"].moveTo(x_iti+x_purasu,y_iti+y_purasu); document.layers["lay0"].visibility='show'; } else if((document.getElementById) && (!document.all)){ document.images["pic1"].src=kekka_pic.src; document.getElementById("lay0").style.left=x_iti+x_purasu; document.getElementById("lay0").style.top=y_iti+y_purasu; document.getElementById("lay0").style.visibility='visible'; } else if(document.all){ document.images["pic1"].src=kekka_pic.src; document.all("lay0").style.pixelLeft=x_iti+x_purasu; document.all("lay0").style.pixelTop=y_iti+y_purasu; document.all("lay0").style.visibility='visible'; } x_mae=x_iti; y_mae=y_iti; return false; } if(document.layers)document.captureEvents(Event.MOUSEMOVE); document.onmousemove=basyo_han; //--> </script> </head> <body> <!-- 下記のimgタグにデフォルト時にマスコット画像で使いたい画像のURLを指定する --> <span id="lay0" style="position:absolute;visibility:hidden;"> <img src="0.gif" name="pic1" border="0"> </span> ・ ・ ・ </body></html>
