Home + Webmaster + Script + Javascript + Effetti su testo + Effetto zoom

Effetto zoom

Con questo script si crea un testo che si ingrandisce per poi scomparire, ideale per spot pubblicitari.

<html>
<head>
<title>Testo con effetto zoom</title>
<style>
body{background-color:#FFFFFF}
A{color:Navy; text-decoration:none}
A:hover{color:red}
A:visited:{color:#808080}
TD{font-family:verdana,helvetica; font-size:10pt}
</style>
<script language="JavaScript1.2">
/********************************************************************************
This script is made by and copyrighted to Thomas Brattli at www.bratta.com
Visit for more great scripts.
This may be used freely as long as this msg is intact!
(I always appriciate links to my page)
********************************************************************************/
/*If you want the text to appear differently on another place on the page
or anything set that in the style tag of the zoom layer. 
Here are the variables you have to set:                                                   First the text: (it will stop and fade/change the colors on the last one)*/
text=new Array('Qui','inserisci','il','testo')       
//i colori usati:
//all you have to do is set the color you want to have in here: 
//(the first color will be the color that the text is when it zooms.)
color=new Array('#202020','#424242','#8E8E8E','#C2C2C2','#E8E8E8')       
//quanti colori:
var numColors=5       
//la grandezza con la quale lo zoom deve finire:
var endSize=70
//velocità dello zoom (in millisecondi)
var Zspeed=30
//la velocità con cui i colori devono cambiare
var Cspeed=200
//i caratteri
var font='Arial Black,Arial,Helvetica'     
//il testo deve scomparire una volta finito? Usa True (vero) o false (falso)
var hide=true
/*You can remove this if you don't wan't it to start right away.
You can have it start if someone clicks a link (make a link like this:
<a href="#" onclick="fadeInit()">Click to Zoomtext</a>)*/
onload=zoomInit;
/*You shouldn't really have to set anything below this point
*********************************************************/
var size=10
var gonum=0
/*Browsercheck and settings vars
****************************************************************************/
var ie, n;
if (document.all) {
	n=0
	ie=1
	zoomText='document.all.divZoom.innerText=text[num]'
	zoomSize='document.all.divZoom.style.fontSize=size'
	closeIt=""
	fadeColor="document.all.divZoom.style.color=color[num]"
}
if (document.layers) {
	n=1;ie=0
	zoomText=""
	zoomSize="document.divZoom.document.write('<p align=\"center\" style=\"font-family:'+font+'; font-size:'+size+'px; color:'+color[0]+'\">'+text[num]+'</p>')"
	closeIt="document.divZoom.document.close()"
	fadeColor="document.divZoom.document.write('<p align=\"center\" style=\"font-family:'+font+'; font-size:'+endSize+'px; color:'+color[num]+'\">'+text[text.length-1]+'</p>')"
}
/*The functions for zooming text.
*********************************************************/
function zoom(num,fn){
if (size<endSize){
eval(zoomText)
eval(zoomSize)
eval(closeIt)
size+=5;
setTimeout("zoom("+num+",'"+fn+"')",Zspeed)
}else{
eval(fn);
}
}
/*The functions for fading/changing colors on text
****************************************************************************/
function fadeIt(num){
if (num<numColors){
eval(fadeColor)
eval(closeIt)
num+=1;
setTimeout("fadeIt("+num+")",Cspeed)
}else{
hideIt()
}
}
/*This is the function that hides the layer after the zoom/color change
****************************************************************************/
function hideIt(){
if(hide){
if(ie)document.all.divZoom.style.visibility="hidden"
if(n)document.layers.divZoom.visibility="hidden"
}
}
/*This is the functions that calls the right function...or something :}
****************************************************************************/
function zoomInit(){
if(ie){
document.all.divZoom.style.color=color[0]
document.all.divZoom.style.fontFamily=font
}
if(ie || n) go(0)       
}
function go(num){
gonum+=1
size=10
if(num<text.length){
zoom(num,'go('+gonum+')')
}else{
fadeIt(0)
}
}
function playAgain(){
size=10
gonum=0
if(ie) document.all.divZoom.style.visibility='visible'
else if(n) document.layers.divZoom.visibility='visible'
zoomInit()
}
//***************************************************************************
</script>
</head>

<body>
<a href="http://www.indirizzo.it">LINK TESTUALE</a>
<div id="divZoom" align="center" style="position:absolute; top:170"></div>
<p align="right">
<a href="#" onclick="playAgain()">[RIPARTI]</a>
</p>
</div>
</body>
</html>

Compatibilità: MsIE | Netscape

Javascript

Altre risorse:
Libri Javascript | Manuale Javascript

Flash MX & ActionScript Corso sul linguaggio di programmazione ActionScript per rendere interattivi i filmati Flash.

Hosting economico Aruba Approfitta delle offerte e scegli il tuo hosting Linux o Windows a partire da 20,66 € all'anno.