<SCRIPT> <!-- /*--------------------------------------------------------------------------- JavaScript Wave Text Effect for Web Designers Toolkit (C)1999-2003 USINGIT.COM, All Rights Reserved. To get more free and professional scripts, visit: http://www.usingit.com/ http://www.usingit.com/products/webtoolkit email: support@usingit.com This script can be used freely for non-commercial sites only if you don't alert the copyright info here! Contact license@usingit.com if you need to use it for any other purpose. ---------------------------------------------------------------------------*/ //Modify the parameters below to make this script to fit your need. var waveText='JavaScript Wave Text Effect'; //The text of the wave effect. var delay=60; //The delay of the effect. Decrease this number to increase the speed of the animation effect. var charHSpace=24; //The distance between each char. var xPos=120; //X Position var yPos=290; //Y Position var aniVStep=2; //The distance the text moves each step vertically. Set it start from 1. var aniVRange=90; //The vertical range of the space the text can move in pixels. var fontName='Arial'; //The family name of the font. Such as Ms Sans Serif,Georgia,Helvetica,Arial; var fontSize='40'; //Font size of the text var fontWeight='Bold'; //Bold or Normal var fontStyle='Normal'; //Italic or Normal var fontColor='#1187FF'; //Color of the text //DO NOT CHANGE ANYTHING BELOW. var ie4=(document.all&&!document.getElementById)?true:false; var ie5=(document.all&&document.getElementById)?true:false; var ns4=(navigator.appName.indexOf("Netscape")>=0&&document.layers)?true:false; var ns6=(document.getElementById&&navigator.appName.indexOf("Netscape")>=0 )?true:false; var charArray=new Array(); if(ns4)waveText=' '+waveText; //for fix a bug that the first char can't have correct font properties in NS4 waveText=waveText.split(''); var htmlCodes=''; var xsteps=aniVStep/=10; for(i=0;i<waveText.length;i++){ htmlCodes+=(ns4)?'<layer name="wavetextid'+i+'" left="0" top="-2000" width="'+charHSpace+'" height="1">':'<div id="wavetextid'+i+'" style="position:absolute;left:0px;top:-2000px;height:1px;width:'+charHSpace+'px;visibility:visible;">'; htmlCodes+='<font style="font-family:'+fontName+';font-size:'+fontSize+'px;font-weight:'+fontWeight+';font-style:'+fontStyle+';color:'+fontColor+'">'+waveText[i]+'</font>'; htmlCodes+=(ns4)?'</layer>':'</div>'; } document.write(htmlCodes); function getXByIndex(index){ return (ns4)?index.left:parseInt(index.style.left); } function getYByIndex(index){ return (ns4)?index.top:parseInt(index.style.top); } function getWinWidth(){ return (ie4||ie5)?document.body.clientWidth+document.body.scrollLeft:window.innerWidth+pageXOffset; } function moveChar(index,x,y){ if(ns4)index.moveTo(x,y); else{ index.style.left=x+'px'; index.style.top=y+'px'; }} function moveAll(){ for(i=waveText.length-1;i>0;i=i-1){ if(getXByIndex(charArray[i])+charHSpace>=getWinWidth()){ moveChar(charArray[i],0,-2000); }else moveChar(charArray[i],getXByIndex(charArray[i-1])+charHSpace,getYByIndex(charArray[i-1])); } moveChar(charArray[0],xPos,yPos+(Math.sin(xsteps)*aniVRange)+Math.abs(aniVRange)); xsteps=xsteps+aniVStep; } function onLoad_WaveText(){ for(i=0;i<waveText.length;i++)charArray[i]=(ns4)?document.layers['wavetextid'+i]:(ie4)?document.all['wavetextid'+i]:document.getElementById('wavetextid'+i); setInterval('moveAll()',delay); } window.onload=onLoad_WaveText; //--> </SCRIPT>