Bonjour à tous...
Voici un petit code que j'ai adapté, mais qui ne fonctionne pas; en principe, de petites étoiles feraient une danse autour du pointeur, mais cela ne fonctionne pas...Si quelqu'un peut trouver l'erreur, ce serait bien gentil!! Créez-vous une petite 'etoile.gif' et vous pourrez alors tester le truc...
<html>
<head>
<script language ="JavaScript">
var delta_T = 0.1;
var K1 = 0.7;
var K2 = 0.5;
var T = 5;
var delta_X = 0;
var delta_Y = 0;
X = new Array(4);
Y = new Array(4);
var rayon = 30;
document.onmousemove=capturer;
function capturer()
{
if (event.x > rayon)
delta_X = event.x - rayon;
if (event.y > rayon)
delta_Y = event.y - rayon;
window.defaultStatus = delta_X + ", " + delta_Y;
return false;
}
function tourne()
{
Y[0] = rayon * (1 + Math.sin(T));
X[0] = rayon * (1 + Math.cos(T));
Y[1] = rayon * (1 + Math.sin(-2*T)* K1);
X[1] = rayon * (1 + Math.cos(-2*T)* K1);
Y[2] = rayon * (1 + Math.sin(3*T)* K2);
X[2] = rayon * (1 + Math.cos(3*T)* K2);
Y[3] = rayon * (1 + Math.sin(-T));
X[3] = rayon * (1 + Math.cos(-T));
T += delta_T;
for (var i=0; i<4; i++)
{
eval("document.all.div" + i + ".style.posLeft = X[i] + delta_X");
eval("document.all.div" + i + ".style.posTop = Y[i] + delta_Y");
}
}
setTimeout("tourne()", 2);
</script>
</head>
<body onLoad=tourne()>
<div id="div0" style="position:absolute; width:7; heigth:7; left:100; top:50;">
<layer width="7" heigth="7" left="0" top="0" visibility="show">
<img src="etoile.jpg">
</layer>
</div>
<div id="div1" style="position:absolute; width:7; heigth:7; left:200; top:150;">
<layer width="7" heigth="7" left="0" top="0" visibility="show">
<img src="etoile.jpg">
</layer>
</div>
<div id="div2" style="position:absolute; width:7; heigth:7; left:200; top:150;">
<layer width="7" heigth="7" left="0" top="0" visibility="show">
<img src="etoile.jpg">
</layer>
</div>
<div id="div3" style="position:absolute; width:7; heigth:7; left:200; top:150;">
<layer width="7" heigth="7" left="0" top="0" visibility="show">
<img src="etoile.jpg">
</layer>
</div>
</body>
</html>