<html>
<head><title>::: Scrolling testo :::</title>
</head>
<body>
<div style="position:absolute;top:10px;left:10px;">
<div id="titolo"> <a href="javascript:window.close()">
<img src="chiudi.gif" width="12" height="12" alt="chiudi" border="0" align="right"></a>:: Titolo :: </div>
<div id="clip">
<div id="scroll"> Nelle homepage spesso è necessario inserire più testo rispetto allo spazio disponibile... </div>
</div>
<div style="position:absolute;top:20px;left:182px;width:16;">
<a href="#"><img src="su.gif" width="16" heght="16" alt="freccia su" border="0"></a>
</div>
<div style="position:absolute;top:118px;left:182px;width:16;">
<a href="#"><img src="giu.gif" width="16" heght="16" alt="freccia giu" border="0"></a>
</div>
</div>
</body>
</html>
<style type="text/css">
body { font: bold 9pt Verdana,Arial; color:#660000; }
#titolo { font: bold 8pt Verdana,Arial; color:#ffffff; background-color:#990000; padding:2px; position:absolute;top:0px;left:0px; width:200px;height:15px; }
#scroll { font: 8pt Verdana,Arial; color:#660000; padding:3px; position:absolute; top:5px; left:5px; width:180; }
#clip { border: solid 1px #660000; position:absolute;top:16px;left:0px; width:200px;height:120px; clip:rect(0 200 120 0); padding:5px; }
a,a:visited {color :#ffffff; text-decoration:none}
</style>
<script type="text/javascript">
var delta=0; // spostamento
var inizio=5; // posizione iniziale del testo in pixel
var fine=-130 // posizione finale del testo
var attesa=50; // millisecondi di attesa
var pos=inizio; // variabile corrente che memorizza la posizione
</script>
<script type="text/javascript" src="codice.js"></script>
Vediamo il contenuto del file "codice.js"
function muovi() {
if (((pos==fine)&&(delta==-1))||((pos==inizio)&&(delta==1))) delta=0;
pos=pos+delta;
document.getElementById('scroll').style.top=pos;
if (delta!=0) setTimeout('muovi()',50);
}