<body bgcolor="#ffffff">
<style type="text/css">
<!--
.Style1{
position: absolute;
visibility: hidden;
}
#iL0 { position: absolute; top: 0px; left: 0px; visibility: hidden; display: block }
#iL1 { position: absolute; top: 0px; left: 0px; visibility: hidden; display: block }
#iL2 { position: absolute; top: 0px; left: 0px; visibility: hidden; display: block }
#iL3 { position: absolute; top: 0px; left: 0px; visibility: hidden; display: block }
#iL4 { position: absolute; top: 0px; left: 0px; visibility: hidden; display: block }
#iL5 { position: absolute; top: 0px; left: 0px; visibility: hidden; display: block }
#iL6 { position: absolute; top: 0px; left: 0px; visibility: hidden; display: block }
#iL7 { position: absolute; top: 0px; left: 0px; visibility: hidden; display: block }
#iL8 { position: absolute; top: 0px; left: 0px; visibility: hidden; display: block }
#iL9 { position: absolute; top: 0px; left: 0px; visibility: hidden; display: block }
#iL10 { position: absolute; top: 0px; left: 0px; visibility: hidden; display: block }
#iL11 { position: absolute; top: 0px; left: 0px; visibility: hidden; display: block }
-->
</style>
<script language="JavaScript">
<!--
var maxLay = 12; //最大点数
var actT = 20; //追跡速度（小→速い）
var count = 0;
var my = -100;
var mx = -100;
var lay;
var coln;
if(document.all){
document.onmousemove = Mmove;
}else if(document.layers){
window.captureEvents(Event.MOUSEMOVE);
window.onMouseMove = Mmove;
}else if(document.getElementById){
document.onmousemove = Mmove;
}
function Mmove(e){
gct = 1;
if(document.all){
mx = event.x;
my = event.y;
}else if(document.layers){
mx = e.pageX;
my = e.pageY;
}else if(document.getElementById){
mx = e.pageX;
my = e.pageY;
}
}
function Init(){
for (i = 0; i < (maxLay - 1); i++){
if(document.all){
document.all("iL"+i).style.visibility = "visible";
}else if(document.layers){
document.layers["iL"+i].visibility = "show";
}else if(document.getElementById){
document.getElementById("iL"+i).style.visibility = "visible";
}
}
main();
}
function main(){
for (i = 0; i < (maxLay - 1); i++){
if(document.all){
document.all("iL"+i).style.left = document.all("iL"+(i+1)).style.left;
document.all("iL"+i).style.top = document.all("iL"+(i+1)).style.top;
}else if(document.layers){
document.layers["iL"+i].left = document.layers["iL"+(i+1)].left;
document.layers["iL"+i].top = document.layers["iL"+(i+1)].top;
}else if(document.getElementById){
document.getElementById("iL"+i).style.left = document.getElementById("iL"+(i+1)).style.left;
document.getElementById("iL"+i).style.top = document.getElementById("iL"+(i+1)).style.top;
}
}
if(document.all){
document.all("iL"+(maxLay-1)).style.left = mx;
document.all("iL"+(maxLay-1)).style.top = my;
}else if(document.layers){
document.layers["iL"+(maxLay-1)].left = mx;
document.layers["iL"+(maxLay-1)].top = my;
}else if(document.getElementById){
document.getElementById("iL"+(maxLay-1)).style.left = mx;
document.getElementById("iL"+(maxLay-1)).style.top = my;
}
count++;
setTimeout('main()',actT);
}
//-->
</script>
<body onload="Init()">
<div class="Style1" id="iL0"><img src="image/circle01.png" alt=""></div>
<div class="Style1" id="iL1"><img src="image/circle02.png" alt=""></div>
<div class="Style1" id="iL2"><img src="image/circle03.png" alt=""></div>
<div class="Style1" id="iL3"><img src="image/circle04.png" alt=""></div>
<div class="Style1" id="iL4"><img src="image/circle05.png" alt=""></div>
<div class="Style1" id="iL5"><img src="image/circle06.png" alt=""></div>
<div class="Style1" id="iL6"><img src="image/circle07.png" alt=""></div>
<div class="Style1" id="iL7"><img src="image/circle08.png" alt=""></div>
<div class="Style1" id="iL8"><img src="image/circle09.png" alt=""></div>
<div class="Style1" id="iL9"><img src="image/circle10.png" alt=""></div>
<div class="Style1" id="iL10"><img src="image/circle11.png" alt=""></div>
<div class="Style1" id="iL11"><img src="image/circle12.png" alt=""></div>
</p>
</body>