Des mots qui jonglent avec le pointeur...

Commenter

Contenu du snippet

Tout simplement des mots qui suivent le pointeur et jonglent en même temps...
Vous mettez les mots que vous voulez. Simple et cool...

Source / Exemple : 


<html>

<script>
var x=-100,y=-100;
function OnJong()
{
        x = window.event.x + document.body.scrollLeft;
        y = window.event.y + document.body.scrollTop;
}
var a=0;
function CaSwing()
{
        a+=0.1;
        document.all["x1"].style.pixelLeft = x + 25*Math.sin(a);
        document.all["x2"].style.pixelLeft = x + 25*Math.sin(a+2*Math.PI/3);
        document.all["x3"].style.pixelLeft = x + 25*Math.sin(a+4*Math.PI/3);
        document.all["x1"].style.pixelTop = y - Math.pow(Math.cos(a),2)*50;
        document.all["x2"].style.pixelTop = y - Math.pow(Math.cos(a+2*Math.PI/3),2)*50;
        document.all["x3"].style.pixelTop = y - Math.pow(Math.cos(a+4*Math.PI/3),2)*50;
        setTimeout("CaSwing()",50);
}
</script>
<body bgcolor="black">
<body onmousemove="OnJong()" onload="CaSwing()">
<p><span id="x1" class="x1" style="{position: absolute;}"><font color="blue">COOL</font></span>
<span id="x2" class="x2" style="{position: absolute;}"><font color="red">NON</font></span>
<span id="x3" class="x3" style="{position: absolute;}"><font color="yellow">C'EST</font></span>
</body>
<html>

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (Bitter1)