![](/Images/OutliningIndicators/ContractedBlock.gif)
![](/Images/OutliningIndicators/ExpandedBlockStart.gif)
<style type="text/css">
![](/Images/OutliningIndicators/ExpandedBlockStart.gif)
html
{
height:100%;
}
![](/Images/OutliningIndicators/ExpandedBlockStart.gif)
body
{
height:100%;
color: #000;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
margin:0px;
padding:0px;
}
![](/Images/OutliningIndicators/ExpandedBlockStart.gif)
.zoomingText
{
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
color: #317082;
}
![](/Images/OutliningIndicators/ExpandedBlockStart.gif)
#zoomingTextContainer
{
width:100%;
height:100%;
background-color: #FFFFFF;
position:absolute;
left:0px;
top:0px;
text-align:center;
}
![](/Images/OutliningIndicators/ExpandedBlockStart.gif)
.skipIntro
{
position:absolute;
bottom:10px;
right:10px;
color:#000000;
}
![](/Images/OutliningIndicators/ExpandedBlockStart.gif)
.skipIntro a
{
color:#000000;
font-size:18px;
text-decoration:none;
}
![](/Images/OutliningIndicators/None.gif)
</style>
<script type="text/javascript">
![](/Images/OutliningIndicators/ExpandedBlockStart.gif)
/**//*
(C) www.dhtmlgoodies.com, September 2005
You are free to use this script as long as the copyright message is kept intact
Alf Magne Kalleland
*/
var textArray = ['Welcome','To','www.dhtmlgoodies.com'];
var maxFontSize = 70; // Maximum font size in pixels
var zoomSpeed = 5; // Lower = Faster
var fontIncrementBy = 2; // Step of font size incrementation ( Higher = faster)
var delayBetweenWords = 300; // Microseconds between each word
var delayAtEnd = 500; // Microseconds delay after last word
var textIndex = 0; // Don't change this value
function executeZoomScript()
![](/Images/OutliningIndicators/ExpandedBlockStart.gif)
{
var obj = document.getElementById('zoomingText');
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(textIndex<textArray.length)
{
obj.style.fontSize = '1px';
obj.style.lineHeight = document.body.clientHeight + 'px';
obj.innerHTML = textArray[textIndex];
zoomText();
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
}else
{
setTimeout("document.getElementById('zoomingTextContainer').style.display = 'none'",delayAtEnd);
}
}
![](/Images/OutliningIndicators/ExpandedBlockStart.gif)
function zoomText()
{
var obj = document.getElementById('zoomingText');
var fontSize = obj.style.fontSize.replace('px','');
fontSize = fontSize/1 + fontIncrementBy;
obj.style.fontSize = fontSize + 'px';
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(fontSize<maxFontSize)
{
setTimeout('zoomText()',zoomSpeed);
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
}else
{
textIndex++;
setTimeout('executeZoomScript()',delayBetweenWords);
}
}
window.onload = executeZoomScript;
</script>
![](/Images/OutliningIndicators/None.gif)
body:
![](/Images/OutliningIndicators/ContractedBlock.gif)
![](/Images/OutliningIndicators/ExpandedBlockStart.gif)
<div id="zoomingTextContainer">
<span class="zoomingText" id="zoomingText"></span>
</div>
![](/Images/OutliningIndicators/None.gif)