<body bgcolor="black">
<style type="text/css">
<!--
.Style1{
position: absolute;
top: 0px;
left: 0px;
width: 3px;
height: 3px;
font-size: 3px;
}
#iL0 { position: absolute; top: 0px; left: 0px; width: 4px; height: 13px; visibility: visible; display: block }
#iL1 { position: absolute; top: 0px; left: 0px; width: 4px; height: 13px; visibility: visible; display: block }
#iL2 { position: absolute; top: 0px; left: 0px; width: 4px; height: 13px; visibility: visible; display: block }
#iL3 { position: absolute; top: 0px; left: 0px; width: 4px; height: 13px; visibility: visible; display: block }
#iL4 { position: absolute; top: 0px; left: 0px; width: 4px; height: 13px; visibility: visible; display: block }
#iL5 { position: absolute; top: 0px; left: 0px; width: 4px; height: 13px; visibility: visible; display: block }
#iL6 { position: absolute; top: 0px; left: 0px; width: 4px; height: 13px; visibility: visible; display: block }
#iL7 { position: absolute; top: 0px; left: 0px; width: 4px; height: 13px; visibility: visible; display: block }
#iL8 { position: absolute; top: 0px; left: 0px; width: 4px; height: 13px; visibility: visible; display: block }
#iL9 { position: absolute; top: 0px; left: 0px; width: 4px; height: 13px; visibility: visible; display: block }
-->
</style>
<script language="JavaScript">
<!--
var maxLay = 10; //最大点数
var actT = 20; //追跡速度(小→速い)
var Col= new Array("f00","0f0","00f","ff0","f0f","0ff","fff");
//点の色
var count = 0;
var my = 0;
var mx = 0;
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 main(){
for (i = 0; i < (maxLay - 1); i++){
coln = Math.round( Math.random() * Col.length - 1 );
if(document.all){
document.all("iL"+i).style.backgroundColor = Col[coln];
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].bgColor = Col[coln];
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.backgroundColor = Col[coln];
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;
}
}
coln = Math.round( Math.random() * Col.length - 1 );
if(document.all){
document.all("iL"+(maxLay-1)).style.backgroundColor = Col[coln];
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)].bgColor = Col[coln];
document.layers["iL"+(maxLay-1)].left = mx;
document.layers["iL"+(maxLay-1)].top = my;
}else if(document.getElementById){
document.getElementById("iL"+(maxLay-1)).style.backgroundColor = Col[coln];
document.getElementById("iL"+(maxLay-1)).style.left = mx;
document.getElementById("iL"+(maxLay-1)).style.top = my;
}
count++;
setTimeout('main()',actT);
}
//-->
</script>
<body onload="main()">
<div class="Style1" id="iL0"> </div>
<div class="Style1" id="iL1"> </div>
<div class="Style1" id="iL2"> </div>
<div class="Style1" id="iL3"> </div>
<div class="Style1" id="iL4"> </div>
<div class="Style1" id="iL5"> </div>
<div class="Style1" id="iL6"> </div>
<div class="Style1" id="iL7"> </div>
<div class="Style1" id="iL8"> </div>
<div class="Style1" id="iL9"> </div>
</p>
</body>