You'll get some interesting effects if you play with the values of STEP. Try it out and see.

The Source

var displayString = "slayeroffice.com";
var track = new Array();
var zTrack = 0;

//constants
var STEP = 1;
var INTERVAL = 100;
var MIN=8;
var MAX=24;

function init() {
	document.getElementById("mContainer").innerHTML = displayString;
	for(i=0;i<displayString.length;i++){
		track[i] = new Array();
		track[i][0] = MIN;
		track[i][1] = 1;
	}

	nInterval = setInterval("wave()",INTERVAL);
}

function wave() {
	mHTML = "";
	for(i=0;i<displayString.length;i++) {
		if(i<=zTrack) {
			if(track[i][1]) {
				if(track[i][0]<=MAX) {
					track[i][0]+=STEP;
				} else {
					track[i][0] = MAX;
					track[i][1] = 0;
				}
			} else {
				if(track[i][0]>=MIN) {
					track[i][0]-=STEP;
				} else {
					track[i][0] = MIN;
					track[i][1] = 1;
				}
			}
		}
		mHTML+="<font style=\"font-size:" + track[i][0] + "pt;\">" + displayString.charAt(i) + "</font>";
	}
	zTrack++;
	document.getElementById("mContainer").innerHTML = mHTML;
}


Flag Text Effect v1.0
last revision: 06.13.2003
steve@slayeroffice.com
http://www.slayeroffice.com