HOME PAGE

Testo con alternanza di ingrandimento e riduzione

Un codice Java Script che vi sorprenderā! Posizionate questo codice tra <HEAD> e </HEAD>:

<script language=javaScript>
<!--
// Vous pouvez modifier
var maxfontsize=40
var textcolor="AAAAAA"
var textfont="Arial"
var message="Your text"
// fin des modifications
var thissize=0
var step=1

function stretch() {
if (thissize<0) {step=1; thissize=0}
if (thissize < maxfontsize) {
if(document.all) {
zoomer.innerHTML="<span style='font-family:"+textfont+";font-size:"+thissize+"px;color:"+textcolor+"'>"+message+"</span>"
}

if(document.layers) {
document.zoomer.document.write("<span style='font-family:"+textfont+";font-size:"+thissize+"px;color:"+textcolor+"'>"+message+"</span>")
document.close()
}
step++
thissize=thissize+step
var timer=setTimeout("stretch()",50)
}
else {
clearTimeout(timer)
var intermezzo=setTimeout("shrink()",1000)
}
}

function shrink() {
if (thissize > -0) {
if(document.all) {
zoomer.innerHTML="<span style='font-family:"+textfont+";font-size:"+thissize+"px;color:"+textcolor+"'>"+message+"</span>"
}

if(document.layers) {
document.zoomer.document.write("<span style='font-family:"+textfont+";font-size:"+thissize+"px;color:"+textcolor+"'>"+message+"</span>")
document.close()
}
if (step >= 2) {step=step-1} else{step=1}

thissize=thissize-step
var timer=setTimeout("shrink()",50)
}
else {
clearTimeout(timer)
var intermezzo=setTimeout("stretch()",1000)
}
}
// -->
</script>

Avete la possibilitā di modificare la dimensione massima del testo, il colore e il contenuto del testo stesso.

Nel tag <BODY>, aggiungete:

<Body onLoad="stretch()">

Quindi, dopo il tag <BODY>, aggiungete:

<div id="zoomer" style="position:absolute;visibility:visible;top:10px; left:10px"></div>

Potete anche modificare la posizione in cui č visualizzata l'animazione, cambiando i parametri di top e left, il che produce il risultato: