Full version: jsB@nk » Text » Fade-Glow » Blur name Typer
URL: https://www.javascriptbank.com/blur-name-typer.html
This is a very stylish DHTML ticker with an eyecatching blur effect by asking visitors type string to display.
Full version: jsB@nk » Text » Fade-Glow » Blur name Typer
URL: https://www.javascriptbank.com/blur-name-typer.html
<script language="JavaScript"><!-- Beginning of JavaScript // prince1181@yahoo.comvar inpvar fontsize=20var fontface="Arial Black, Impact, Helvetica, Arial"var textcolor= new Array()textcolor[0]="FF00CC"textcolor[1]="FFCC00"textcolor[2]="CCCCCC"textcolor[3]="CCff00"textcolor[4]="CCFFCC"textcolor[5]="CCFF99"textcolor[6]="555555"textcolor[7]="FFFF99"textcolor[8]="FF0000"textcolor[9]="99FF00"textcolor[10]="CC66CC"textcolor[11]="66CCCC"// Prompt a visitor to enter his/her nameinp = window.prompt("Type your name : ", "JavaScriptBank.com");var message = new Array()// You can set your name here // e.g. : // message[0]="Your Name"message[0]=inpvar i_blurstrength=22var i_message=0var i_textcolor=0function blurtext() {if(document.all) {if (i_blurstrength >=-2) {if (i_textcolor >=textcolor.length-1) {i_textcolor=textcolor.length-1}blurthis.innerHTML="<span id='blurpit1' style='position:absolute;visibility:visible;filter:blur(add=0,strength="+i_blurstrength+",direction=111);font-family:"+fontface+";font-size:"+fontsize+"pt;color:"+textcolor[i_textcolor]+";font-weight:bold'>"+message[i_message]+"</span>";document.close()i_blurstrength=i_blurstrength-2i_textcolor++var timer=setTimeout("blurtext()",50)}else {if (i_textcolor >=textcolor.length-1) {i_textcolor=textcolor.length-1}blurthis.innerHTML="<span id='blurit1' style='position:absolute;visibility:visible;filter:RevealTrans(duration=4.2,transition=4);font-family:"+fontface+";font-size:"+fontsize+"pt;color:FFA07A; font-weight:bold;'>"+message[i_message]+"</span>";i_message++if (i_message>=message.length){i_message=0}i_blurstrength=11i_textcolor=0clearTimeout(timer)var timer=setTimeout("blurtext()",500)}}}// End of JavaScript --></script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><body onload="blurtext()"><div id="blurthis" style="position: relative; visibility: visible; top: 0; left: 0"></div></body><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->