TESTO ZOOM

.

I parametri modificabili sono: il testo (var message="Testo zoom modificato da webmasterpaolo.com") il colore del testo (var textcolor="990033") il font del testo (var textfont="Arial") la dimensione massima del testo (var maxfontsize=40) il tempo che il testo rimane alla sua massima grandezza (var intermezzo=setTimeout("shrink()",3000)) la velocitŕ che arriva il testo (var timer=setTimeout("stretch()",50) )

Autori: Peter Gehrig and Urs Dudli by http://www.24fun.com modified and explained from www.webmasterpaolo.com 

RITORNA ALLA PAGINA DELLE JAVASCRIPT

RITORNA ALLA PAGINA DEGLI EFFETTI SUL TESTO

Lo script da inserire in html

</SCRIPT>
<body onLoad="stretch()">
<script language=JavaScript> 

<!-- 
// Script trouvé sur www.24fun.ch
// Vous pouvez modifier
var maxfontsize=40
var textcolor="990033"
var textfont="Arial"
var message="Testo zoom modificato da webmasterpaolo.com"
// 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()",3000)
}
}

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>
</p>
<div id="zoomer" style="position:absolute;visibility:visible;top:40px; left:11px"></div>