Here are 4 scripts which create dramatic title effects.
1. Animated Title I: <script language="javascript"> msg = ":DIGITAL::ENGLISH:"; msg = "." + msg;pos = 0; function scrollMSG() { document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++; if (pos > msg.length) pos = 0 window.setTimeout("scrollMSG()",200); } scrollMSG(); </script>
2. Animated Title II <title>Digital English</title> <script> var titletext="Digital English" var thetext="" var started=false var step=0 var times=1 function welcometext() { times-- if (times==0) { if (started==false) { started = true; document.title = titletext; setTimeout("anim()",1); } thetext = titletext; } } function showstatustext(txt) { thetext = txt; setTimeout("welcometext()",4000) times++ } function anim() { step++ if (step==7) {step=1} if (step==1) {document.title='>==='+thetext+'===<'} if (step==2) {document.title='=>=='+thetext+'==<='} if (step==3) {document.title='>=>='+thetext+'=<=<'} if (step==4) {document.title='=>=>'+thetext+'<=<='} if (step==5) {document.title='==>='+thetext+'=<=='} if (step==6) {document.title='===>'+thetext+'<==='} setTimeout("anim()",200); } if (document.title) window.onload=onload=welcometext </script>
3. Animated Title III <script language="JavaScript"> var message = new Array() message[0] = ""; message[1] = ""; message[2] = ""; message[3] = ""; message[4] = ""; message[5] = "" message[6] = "" var reps = 2 // Set the overall speed (larger number = slower action). var speed = 150 var p=message.length; var T=""; var C=0; var mC=0; var s=0; var sT=null; if(reps<1)reps=1; function doTheThing(){ T=message[mC]; A();} function A(){ s++ if(s>13){s=1} if(s==1){document.title='`•.¸¸.•´´Digital English¯`••._.• '+T+' '} if(s==2){document.title='•`•.¸¸.•´Digital English´¯`••._. '+T+' '} if(s==3){document.title='.•`•.¸¸.•Digital English´´¯`••._ '+T+' '} if(s==4){document.title='_.•`•.¸¸.Digital English•´´¯`••. '+T+' '} if(s==5){document.title='._.•`•.¸¸Digital English.•´´¯`•• '+T+' '} if(s==6){document.title='•._.•`•.¸Digital English¸.•´´¯`• '+T+' '} if(s==7){document.title='••._.•`•.Digital English¸¸.•´´¯` '+T+' '} if(s==8){document.title='`••._.•`•Digital English.¸¸.•´´¯ '+T+' '} if(s==9){document.title='¯`••._.•`Digital English•.¸¸.•´´ '+T+' '} if(s==10){document.title='´¯`••._.Digital English•`•.¸¸.•´ '+T+' '} if(s==11){document.title='´´¯`••._Digital English.•`•.¸¸.• '+T+' '} if(s==12){document.title='•´´¯`••.Digital English_.•`•.¸¸. '+T+' '} if(s==13){document.title='.•´´¯`••Digital English._.•`•.¸¸ '+T+' '} if(C<(13*reps)){ sT=setTimeout("A()",speed); C++ }else{ C=0; s=0; mC++ if(mC>p-1)mC=0; sT=null; doTheThing();}} doTheThing(); </script>
4. This script enables the visitors to change the title themselves <html> <!-- Put This in the head of your document --> <head> <script language="JavaScript"> document.title="|--|"; function chTitle(key) { document.title="|-"+key+"-|"; } </script> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>|--|</title> </HEAD> <!-- Place this in the body of your document --> <body> <p align="center"><font face="Tahoma"> Enter Title Here: <input type="text" size="20" onKeyUp="chTitle(this.value)"></font></p> </body> </html>
