In questo modo si ripete continuamente:
Codice HTML:
<head>
<style type="text/css">
#cont {position:absolute; left:0px; top:150px; width:100%; font-family:Impact; text-align:center; color:#336699; overflow:hidden;}
</style>
<script language="JavaScript1.2" type="text/javascript">
var s=0;
var i=0;
var m=70;
var d=2000;
var msg=new Array();
msg[0]="MESSAGGIO1"
msg[1]="MESSAGGIO2"
msg[2]="MESSAGGIO3"
msg[3]="MESSAGGIO4"
msg[4]="MESSAGGIO5"
msg[5]="MESSAGGIO6"
function changeMsg(){
if(document.getElementById){
if (i>=msg.length){
i=0;
}
txt=document.getElementById("cont");
txt.innerHTML=msg[i]; s=0;zoomTxt();i++;
setTimeout("changeMsg()", d);
}
}
function zoomTxt(){
if(s<m){
txt.style.fontSize = s;s+=5;
setTimeout("zoomTxt()", 30);
}
}
onload=changeMsg;
</script>
</head>
<body>
<div id="cont"><!-- keep this empty --></div></body>
Ciao!