LECODEJAVA : JAVASCRIPT : TEXTE ELASTIQUE EN FONCTION DU CURSO

TEXTE ELASTIQUE EN FONCTION DU CURSO

DEMONSTRATION

L

E

C

O

D

E

J

A

V

A

E

LE CODE JAVA : TEXTE ELASTIQUE EN FONCTION DU CURSO

Accueil Texte Animations HTML

<HEAD>

<style>
div{cursor:crosshair}
</style>
<script language="javascript">


count=0;
dlay=0;
uitrekking=100;
max=5;
function move(){
a.style.top=event.clientY*0.05;
b.style.top=event.clientY*0.20;
c.style.top=event.clientY*0.42;
d.style.top=event.clientY*0.20;
e.style.top=event.clientY*0.05;
f.style.top=event.clientY*0.07;

a.style.left=150+(event.clientX-350)*0.03;
b.style.left=250+(event.clientX-350)*0.08;
c.style.left=350+(event.clientX-350)*0.20;
d.style.left=450+(event.clientX-350)*0.08;
e.style.left=550+(event.clientX-350)*0.03;
f.style.left=550+(event.clientX-350)*0.05;
}
</script>

<body  onmousemove="move()">

<div id=a style="position:absolute;left=150;color:green;top:10">L</div>
<div id=b style="position:absolute;left=250;top:10">E</div>
<div id=c style="position:absolute;left=350;top:10;color:brown" >C</div>
<div id=d style="position:absolute;left=450;top:10;color:red" >O</div>
<div id=e style="position:absolute;left=550;top:10;color:blue">D</div>
<div id=f style="position:absolute;left=150;color:green;top:10">E</div>
<div id=g style="position:absolute;left=250;top:10">J</div>
<div id=h style="position:absolute;left=350;top:10;color:brown" >A</div>
<div id=i style="position:absolute;left=450;top:10;color:red" >V</div>
<div id=j style="position:absolute;left=550;top:10;color:blue">A</div>

<div id=ex style="position:absolute;visibility:hidden;left:120;font-size:30;top:8">E</div>

</font>

Accueil