animation sur une page html

je veut faire un texte défilent et un texte flottant dans ma page html ,mais les 2 ne marche pas ensemble je sais pas ou est le problème ,voila mon code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<html>
 
 
<head>
	<style>
.spanstyle {position:absolute;visibility:visible;top:-30px;font-size:8pt;font-family:Arial;font-weight:bold;color:#FF0000;}
</style>
 
<script language="JavaScript">
 
message="passer au page d'inscription pour la session ";
 step=9;// j ai utiliser ces 2 variable pour le texte flottant
 
 
size=180;
x = 3*size;
place = 0;
texte = "             : Centre de Formation agréé ORACLE        ";
texteDef = texte;
 
function defil()
	{
	texteDef = texteDef.substring(1,texteDef.length);
	while(texteDef.length < x)
		{
		texteDef += " - " + texte;
		}
	document.defil.defilbox.value = texteDef;
	tempo2 = setTimeout("defil()", 150)
	}
window.onload = defil;
 
</script>
<script language="JavaScript" src="vol_caract.js"></script>
 
</head>
 
 
 
 
 
 
<body>
 
 
<FORM NAME="defil">
 
<SCRIPT LANGUAGE="JavaScript">
document.write('<INPUT TYPE="text" NAME="defilbox" SIZE=' + size + '>');
</SCRIPT>
 
</FORM>
 
 
 
 
 
<script language="JavaScript" src="vol_caract2.js"></script>
 
 
 
 
 </body>
</html>

et voila les 2 fichier .js
vol_caract.js

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
 
var x,y
var flag=0
 
message=message.split("")
 
var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
	xpos[i]=-50
}
 
var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
	ypos[i]=-50
}
 
function handlerMM(e){
 
	x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : document.body.scrollLeft+event.clientX
	y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : document.body.scrollTop+event.clientY
 
	flag=1
}
 
function vol_caract() {
	if (flag==1 ) {
    	for (i=message.length-1; i>=1; i--) {
   			xpos[i]=xpos[i-1]+step
			ypos[i]=ypos[i-1]
    	}
		xpos[0]=x+step
		ypos[0]=y
 
		for (i=0; i<message.length-1; i++) {
 
			document.getElementById("spantxt"+(i)+"").style.left = xpos[i];
			document.getElementById("spantxt"+(i)+"").style.top = ypos[i];
    	}
	}
 
 
		timer=setTimeout("vol_caract()",30)
}
if(navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
window.onload = vol_caract;
//-->

et vol_caract2.js

Code:

1
2
3
4
5
6
7
8
9
 
for (i=0;i<=message.length-1;i++) {
    document.write("<div id='spantxt"+i+"' class='spanstyle'>")
	document.write(message[i])
    document.write("</div>")
}
 
document.onmousemove = handlerMM;
//-->

merci en avance pour votre aide