|
|
The code which produces the above is:
>!-- This script came from the public archives of JavaScript Planet at http://www.js-planet.com -->
>!-- For more scripts, tutorials, links, discussion forums, help, or anything else JavaScript, -->
>!-- Please visit JavaScript Planet at http://www.js-planet.com. Please keep this header intact. -->
>body bgcolor=white text=black onload="init()">
>style type="text/css">
body
{
background-color:#FFFFFF;
font-family: Arial;
font-size:10pt;
}
>/style>
>script>
text=new Array('www','js-planet','com','JavaScript Planet')
var numText=4
color=new Array('#000000','#2F2F2F','#4F4F4F','#7F7F7F','#408080')
var numColors=5
var endSize=70
var Zspeed=30
var Cspeed=200
var font='Arial Black'
var hide=false
var size=10
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>
>div id="zoom" align="center" style="position:absolute; top:150">
>/DIV><