Phiên bản đầy đủ: jsB@nk » Chữ » Mờ và chớp sáng » Làm mờ chữ
URL: https://www.javascriptbank.com/blur-name-typer.html
Hiệu ứng yêu cầu người dùng nhập vào tên sau đó nó sẽ làm cho tên vừa được nhập vào xuất hiện và biến mất liện tục với thời gian ngắn.
Phiên bản đầy đủ: jsB@nk » Chữ » Mờ và chớp sáng » Làm mờ chữ
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-->