Dynamic Drive- Arrow head Title

New Revised CSS Library Forums Web Tools

Arrow head Title

Author: Dynamic Drive

Note: Based on status bar script by Jason Rex

Description: Have moving arrows point at your document's title, with this fun script! Effect works in both IE4+ and NS6+, degrading well with the rest of the bunch.

Demo: Look at your browser's title bar above.

Directions:

Simply copy the below into the <head> section of your page:

Select All
<SCRIPT> //Arrow Head title- By Dynamic Drive //Based on status bar script by Jason Rex (wonil4@hotmail.com, http://www.syred.net) //Visit http://www.dynamicdrive.com for full source code //change title text to your own var titletext="Welcome to Dynamic Drive" 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>

Change the variable "titletext" to the desired text to display as the title.