Site hosted by Angelfire.com: Build your free website today!
<html> <body> <style type="text/css"> <!-- .mouse { position:absolute; visibility:visible; } //--> </style> </HEAD> <BODY> <script language="JavaScript"> <!-- var mouse = new Array(); mouse[0] = new Image(); mouse[0].src = "https://www.angelfire.com/wi/artemis/images/mouse.gif"; //移動してるときの画像。 mouse[1] = new Image(); mouse[1].src = "https://www.angelfire.com/wi/artemis/images/mouse3.gif"; //リンクにあわせた時の画像。 mouse[2] = new Image(); mouse[2].src = "https://www.angelfire.com/wi/artemis/images/mouse3.gif"; //ステイしたときの画像。 function changeImage(n) { if(document.onmousemove != null) { if(document.layers) { document.layers[lovemouse_id].document.images[lovemouse_imgName].src = mouse[n].src; } else if(document.all) { document.images[lovemouse_imgName].src = mouse[n].src; } } } function moveImage(e) { pos = 5; if(document.layers) { document.layers[lovemouse_id].moveTo(e.x+pos, e.y+pos); } else if(document.all) { document.all(lovemouse_imgName).style.posTop = event.y + pos; document.all(lovemouse_imgName).style.posLeft= event.x + pos; } return true; } function click() { if(document.layers) { obj = document.layers[lovemouse_id]; } else if(document.all) { obj = window; } if(document.onmousemove == null) { obj.document.images[lovemouse_imgName].src = mouse[0].src; document.onmousemove = moveImage; } else { obj.document.images[lovemouse_imgName].src = mouse[2].src; document.onmousemove = null; } } //------------------------------------// var lovemouse_id = "LoveMouse"; var lovemouse_imgName = "Mouse"; document.write("<span id='" +lovemouse_id+ "' class='mouse'>"); document.write("<img class='mouse' src='" +mouse[0].src+ "' width=60 height=60 id='" +lovemouse_imgName+ "' name='" +lovemouse_imgName+ "'>"); document.write("</span>"); if(document.layers) { document.captureEvents(Event.MOUSEMOVE | Event.MOUSEDOWN); document.onmousedown = click; } else if(document.all) { document.body.onclick= click; } document.onmousemove = moveImage; //--> </script>