Text Enlarge

<script type="text/javascript">
// realised by jeff
//www.huntingground.freeserve.co.uk

step=2
function splash(){
S_font=1; // Smallest font size
L_font=50 // Largest font size
go_splash()
}

function go_splash(){
document.getElementById("display").style.visibility="visible"
document.getElementById("display").style.fontSize=S_font
S_font+=step
timer=setTimeout("go_splash()",50) // Speed
if (S_font>L_font){
clearTimeout(timer)
setTimeout("splash()",5000)
}
}

setTimeout("splash()",1000)

</script>

<div id="display" style="position:absolute; left:100px; top:100px; visibility:hidden; text-align:center;z-index:5">Hello World 1</div>

A slightly different effect can be created simply by including the attributes width and text-align:center

<div id="display" style="position:absolute; left:100px; top:100px; width:300px; text-align:center; visibility:hidden; text-align:center;z-index:5">Hello World 2</div>

<script type="text/javascript">
// realised by jeff
//www.huntingground.freeserve.co.uk

txt=new Array("This effect","Scrolls though","An array","Of messages")
step=3
count=0
function splash(){
S_font=1 // Smallest font size
L_font=50 // Largest font size
go_splash()
}

function go_splash(){
if(count>txt.length-1){
count=0
}

document.getElementById("display").style.visibility="visible"
document.getElementById("display").style.fontSize=S_font
document.getElementById("display").innerHTML=txt[count]

S_font+=step
timer=setTimeout("go_splash()",50) // Speed

if (S_font>L_font){
clearTimeout(timer)
count++
setTimeout("splash()",5000)
}
}

setTimeout("splash()",1000)

</script>

<div id="display" style="position:absolute; left:270px; top:950px; visibility:hidden">EFFECT</div>

<script type="text/javascript">

var S_font=10 // Smallest font size
var L_font=100 // Largest font size
var s_font=S_font // Remember S_font default size for when reducing 
var step=2

function effect4(){
document.getElementById("txt1").style.visibility="visible"
document.getElementById("txt2").style.visibility="visible"
document.getElementById("txt1").style.fontSize=S_font
document.getElementById("txt2").style.fontSize=((L_font+5)-S_font)
S_font+=step; // Increase / decrease S_font size by step value
if (S_font>L_font || S_font<s_font) { // If S_font is larger than L_font or S_font is less than s_font, negate step value
step=-step; // negate step value
}
setTimeout("effect4()",0010) // Speed
}
setTimeout("effect4()",1000)

</script>

<DIV id=txt1 style="width:100%; position:absolute; top:100; text-align: center;z-index:5"></DIV>

<DIV id=txt2 style="width:100%; position:absolute; top:100; text-align: center;z-index:6"></DIV>

Text Effects