Троящийся при движении курсор. Коллекция JavaScript в примерах. Библиотека Java скриптов.

Троящийся при движении курсор

<html>
<head>
<title>Троящийся при движении курсор</title>
</head>
<body>
<script language="Javascript1.2">
<!--
var isNS = (navigator.appName == "Netscape");
layerRef = (isNS) ? "document" : "document.all";
styleRef = (isNS) ? "" : ".style";
var queue = new Array();
var NUM_OF_TRAIL_PARTS = 5
for (x=1; x < 6; x++) {  
eval("trailSpriteFrame" + x + " = new Image(28,36);");
eval("trailSpriteFrame" + x + ".src = '../img/maus.gif';");
}
function trailSpriteObj(anID) {
this.trailSpriteID = "trailSprite" + anID; 
this.imgRef = "trailSprite" + anID + "img"; 
this.currentFrame = 1; 
 this.animateTrailSprite = animateTrailSprite; 
}
function animateTrailSprite() {
if (this.currentFrame <6 ) {   
if (isNS) {eval("document." + this.trailSpriteID +".document['"+ this.imgRef + "'].src  =  trailSpriteFrame" + this.currentFrame + ".src");} 
else {eval("document['" + this.imgRef + "'].src  =  trailSpriteFrame" + this.currentFrame + ".src"); }
this.currentFrame ++;          
 } 
else {eval(layerRef + '.' + this.trailSpriteID +  styleRef + '.visibility = "hidden"');
}       
}
function processAnim() {
       for(x=0; x < NUM_OF_TRAIL_PARTS; x++)
       queue[x].animateTrailSprite();
}
function processMouse(e) {
       currentObj = shuffleQueue();
       if (isNS) {eval("document." + currentObj + ".left = e.pageX ;");
       eval("document." + currentObj + ".top = e.pageY;");
} else {eval("document.all." + currentObj + ".style.pixelLeft = event.clientX + document.body.scrollLeft;");
       eval("document.all." + currentObj + ".style.pixelTop = event.clientY + document.body.scrollTop;");
}
}
function shuffleQueue() {
lastItemPos = queue.length - 1;
lastItem = queue[lastItemPos];
for (i = lastItemPos; i>0; i--) 
queue[i] = queue[i-1];
queue[0] = lastItem;
queue[0].currentFrame = 1;      
eval(layerRef + '.' + queue[0].trailSpriteID +  styleRef + '.visibility = "visible"');  
return  queue[0].trailSpriteID;
}

function init() {
for(x=0; x<NUM_OF_TRAIL_PARTS; x++)     
queue[x] = new trailSpriteObj(x+1) ;
if (isNS) { document.captureEvents(Event.MOUSEMOVE); }
document.onmousemove = processMouse;
setInterval("processAnim();",25);
}       
window.onload = init;
//-->
</script>
<div id="trailSprite1" style="position: absolute; height:28px; width:36px;z-index: 100"><img src="../img/maus.gif" border="0" name="trailSprite1img"></div>
<div id="trailSprite2" style="position: absolute; height:28px; width:26px;z-index: 10"><img src="../img/maus.gif" border="0" name="trailSprite2img"></div>
<div id="trailSprite3" style="position: absolute; height:28px; width:36px;z-index: 10"><img src="../img/maus.gif" border="0" name="trailSprite3img"></div>
<div id="trailSprite4" style="position: absolute; height:28px; width:36px;z-index: 10"><img src="../img/maus.gif" border="0" name="trailSprite4img"></div>
<div id="trailSprite5" style="position: absolute; height:28px; width:36px;z-index: 10"><img src="../img/maus.gif" border="0" name="trailSprite5img"></div>
</body>
</html>