LECODEJAVA : LA PLUIE SUR LA MOUSSE

LA PLUIE SUR LA MOUSSE

DEMONSTRATION
Il faut deplacer la mousse pour voir l'effect

LE CODE JAVA : LA PLUIE SUR LA MOUSSE

<BODY>

var ITEM_COUNT = 6;     
var ITEM_W = 20;        
var ITEM_H = 20;        
var ITEM_SRC = "star.gif";
var ITEM_STAGES = 4;   
var ITEM_TRAVEL = 20;   
var ITEM_INCREMENT = 4; 
var ITEM_SPEED = 50;

// fin

var IE_ENGINE = (document.all) ? true : false;
var NS_ENGINE = (document.layers) ? true : false;

var animatorThread = null;

var sprawnSleeping = 0;

// position de la souris
var mousePos = new Array(2);
mousePos[0] = 0;
mousePos[1] = 0;

var oldMousePos = new Array(2);
oldMousePos[0] = 0;
oldMousePos[1] = 0;

var trailMatrix = new Array(ITEM_COUNT);
for(var i=0; i<trailMatrix.length; i++) {
  trailMatrix[i] = new Array(5);
  trailMatrix[i][0] = 0;
  trailMatrix[i][1] = 0;
  trailMatrix[i][2] = 0;
  trailMatrix[i][3] = ITEM_STAGES;
  trailMatrix[i][4] = "mouseTrailer_" + i;
  document.writeln((IE_ENGINE) ? '<DIV ID="' + trailMatrix[i][4] + '" STYLE="position:absolute; width:'+ITEM_W+'px; height:'+ITEM_H+'px; visibility:hidden;"><img src="'+ITEM_SRC+'" border=0></DIV>' : (NS_ENGINE) ? '<LAYER ID="' + trailMatrix[i][4] + '" position="absolute" width='+ITEM_W+' height='+ITEM_H+' visible="hide"><img src="'+ITEM_SRC+'" border=0></LAYER>' : "");
}

function storeMousePos(e) {
  mousePos[0] = (IE_ENGINE) ? event.clientX+document.body.scrollLeft : (NS_ENGINE) ? e.pageX : 0;
  mousePos[1] = (IE_ENGINE) ? event.clientY+document.body.scrollTop : (NS_ENGINE) ? e.pageY : 0;
}

function hideTrail(obj) {
  if(IE_ENGINE) {
    document.all[obj].style.visibility = "hidden";
  } else if(NS_ENGINE) {
    document.layers[obj].visibility = "hide";
  }
}

function init() {
  if(NS_ENGINE)document.captureEvents(Event.MOUSEMOVE);
  if(IE_ENGINE || NS_ENGINE) {
    document.onmousemove = storeMousePos;
    animatorThread = setInterval("animateTrail()", ITEM_SPEED);
  }
}

function end() {
  if(animatorThread != null) {
    clearInterval(animatorThread);
    animatorThread = null;
  }
}
//-->
</script>
<body bgcolor="FFFFCC" onload="init()" onunload="end()">
</body>

Accueil