Text Grows

[Total: 0    Average: 0/5]

This text gets larger and larger.

Head Code:

<style type="text/css">
body
        {
        background-color:#0099CC; 
        font-family: Arial; 
        font-size:10pt; 
        }


</style>

<script>


        text=new Array('Thanks','For','Your','Visiting','','Thanks for Your visiting')

        var numText=6

        color=new Array('#aa0000','#006688','#aaaa00','#4F4F4F','#7F7Faa')

        var numColors=5

        var endSize=50

        var Zspeed=90

        var Cspeed=1000

        var font='Arial Black'

        var hide=false

var size=6

var gonum=0

var ie, n;

if (document.all) {

                n=0

                ie=1

                zoomText='document.all.zoom.innerText=text[num]'

                zoomSize='document.all.zoom.style.fontSize=size'

                closeIt=""

                fadeColor="document.all.zoom.style.color=color[num]"

        }

if (document.layers) {

                n=1;ie=0

                zoomText=""

                zoomSize="document.zoom.document.write('<p align="center" style="font-family:'+font+'; font-size:'+size+'px; color:'+color[0]+'">'+text[num]+'</p>')"

                closeIt="document.zoom.document.close()"

                fadeColor="document.zoom.document.write('<p align="center" style="font-family:'+font+'; font-size:'+endSize+'px; color:'+color[num]+'">'+text[numText-1]+'</p>')"

        }


function zoom(num,fn){

        if (size<endSize){

                eval(zoomText)

                eval(zoomSize)

                eval(closeIt)

                size+=5;

                setTimeout("zoom("+num+",'"+fn+"')",Zspeed)

        }else{

                eval(fn);

        }

}


function fadeIt(num){

        if (num<numColors){

                eval(fadeColor)

                eval(closeIt)

                num+=1;

                setTimeout("fadeIt("+num+")",Cspeed)

        }else{

                hideIt()

        }

}


function hideIt(){

        if(hide){

                if(ie)document.all.zoom.style.visibility="hidden"

                if(n)document.layers.zoom.visibility="hidden"

        }

}


function init(){

        if(ie){

                document.all.zoom.style.color=color[0]

                document.all.zoom.style.fontFamily=font

        }

        if(ie || n) go(0)       

}

function go(num){

        gonum+=1

        size=10

        if(num<numText){

                zoom(num,'go('+gonum+')')

        }else{

                fadeIt(0)

        }

}

</script>

Body Code:

<div id="zoom" align="center" style="position:absolute; top:30">
</DIV>

<br>
<br><br><br><br>
<br>
<hr>
<a href="javascript:init()">click to start this </a>

Times Viewed: 0

Leave a Reply

Your email address will not be published. Required fields are marked *