Phiên bản đầy đủ: jsB@nk » Chữ » Mờ và chớp sáng » Chữ chạy từ dưới lên
URL: https://www.javascriptbank.com/text-animator.html
Hiệu ứng tạo các dòng chữ di chuyển từ dưới lên trong một khung trên trang web, các dòng chữ này được áp dụng hiệu ứng mờ dần trong lúc di chuyển.Bên cạnh đó, các dòng chữ này có thể được thiết kế là các liên kết hay hình ảnh,...Bạn có thể thiết lập lại các thông số để phù hợp với trang web của mình hơn.
Phiên bản đầy đủ: jsB@nk » Chữ » Mờ và chớp sáng » Chữ chạy từ dưới lên
URL: https://www.javascriptbank.com/text-animator.html
<style type="text/css"><!-- .textanimlink,a {text-decoration : none;}P.main {font-family : Arial;font-size : 15pt;font-weight : bold;}--></style><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><Script Language="Javascript"><!-- Hiding/*Script created by Lefteris Haritou(lef@the.forthnet.gr)Permission granted to Dynamicdrive.com to feature the scriptFor more DHTML scripts, visit Dynamicdrive.com*/bname=navigator.appName;bversion=parseInt(navigator.appVersion)if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4))window.onload=startelsestop();window.onunload=stopif (bname=="Netscape"){brows=truedt=2}else{brows=falsedt=20}var z=0;var msg=0;var rgb=0;var link=false;var status=true;var updwn=false;var message= new Array();var value=0;var h=window.innerHeight;var w=window.innerWidth;var timer1;var timer2;var timer3;var convert = new Array()var hexbase= new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F");// Put here your own messages. Add as many as you wan't (Do not edit anything else in the Script except the lines below)var bgcolor="#FFFFFF"; //Color of backgroundvar color="#00008D"; //Color of the Lettersmessage[0]='The future of JavaScript'message[1]='Today.'message[2]='JavaScriptBank.com'message[3]='<a href="http://JavaScriptBank.com">Bank of over 2000+ free JavaScripts</a>'// Put here your own messages. Add as many as you wan't (Do not edit anything else in the Script except the lines above)for (x=0; x<16; x++){for (y=0; y<16; y++){convert[value]= hexbase[x] + hexbase[y];value++;}}redx=color.substring(1,3);greenx=color.substring(3,5);bluex=color.substring(5,7);hred=eval(parseInt(redx,16));hgreen=eval(parseInt(greenx,16));hblue=eval(parseInt(bluex,16));eredx=bgcolor.substring(1,3);egreenx=bgcolor.substring(3,5);ebluex=bgcolor.substring(5,7);ered=eval(parseInt(eredx,16));egreen=eval(parseInt(egreenx,16));eblue=eval(parseInt(ebluex,16));red=ered;green=egreen;blue=eblue;function start(){if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)){link=false;updwn=true;if (brows)res=document.layers['textanim'].topelse{textanim.style.width=document.body.offsetWidth-20;textanim.innerHTML='<Pre><P Class="main" Align="Center">'+message[msg]+'</P></Pre>'res=textanim.style.topfor (x=0; x<document.all.length; x++)if(document.all[x].id=="textanimlink")link=true;}up()}}function stop(){clearTimeout(timer1);clearTimeout(timer2);clearTimeout(timer3);}function resz(){h=window.innerHeight;w=window.innerWidth;if (updwn)timer1=setTimeout('up()',1000)elsetimer2=setTimeout('down()',1000)}function breakf(){if (status){clearTimeout(timer1);clearTimeout(timer2);status=falsereturn;}else{status=true;if (updwn)timer1=setTimeout('up()',dt)elsetimer2=setTimeout('down()',dt)}}function up(){if (red<hred){if ((red+7)<hred)red+=7;elsered=hredredx = convert[red]}else{if ((red-7)>hred)red-=7;elsered=hredredx = convert[red]}if (green<hgreen){if ((green+7)<hgreen)green+=7;elsegreen=hgreengreenx = convert[green]}else{if ((green-7)>hgreen)green-=7;elsegreen=hgreengreenx = convert[green]}if (blue<hblue){if ((blue+7)<hblue)blue+=7;elseblue=hbluebluex = convert[blue]}else{if ((blue-7)>hblue)blue-=7;elseblue=hbluebluex = convert[blue]}rgb = "#"+redx+greenx+bluex;if (brows){document.layers['textanim'].document.linkColor=rgb;document.layers['textanim'].document.vlinkColor=rgb;if (window.innerHeight!=h || window.innerWidth!=w){clearTimeout(timer1);resz()return;}else{document.layers['textanim'].document.write('<Pre><P Class="main" Align="Center"><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>')document.layers['textanim'].document.close();}}else{textanim.style.color=rgb;if(link)textanimlink.style.color=rgb;}if (z<38){if (brows)document.layers['textanim'].top--elsetextanim.style.posTop--z++timer1=setTimeout('up()',dt)}else{updwn=false;down()}}function down(){if (red<ered){if ((red+7)<ered)red+=7;elsered=eredredx = convert[red]}else{if ((red-7)>ered)red-=7;elsered=eredredx = convert[red]}if (green<egreen){if ((green+7)<egreen)green+=7;elsegreen=egreengreenx = convert[green]}else{if ((green-7)>egreen)green-=7;elsegreen=egreengreenx = convert[green]}if (blue<eblue){if ((blue+7)<eblue)blue+=7;elseblue=ebluebluex = convert[blue]}else{if ((blue-7)>eblue)blue-=7;elseblue=ebluebluex = convert[blue]}rgb = "#"+redx+greenx+bluex;if (brows){document.layers['textanim'].document.linkColor=rgb;document.layers['textanim'].document.vlinkColor=rgb;if (window.innerHeight!=h || window.innerWidth!=w){clearTimeout(timer2);resz()return;}else{document.layers['textanim'].document.write('<Pre><P Class="main" Align="Center"><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>')document.layers['textanim'].document.close();}}else{textanim.style.color=rgb;if(link)textanimlink.style.color=rgb;}if (z<76){if (brows)document.layers['textanim'].top--elsetextanim.style.posTop--z++timer2=setTimeout('down()',dt)}else{if (brows){document.layers['textanim'].document.write('')document.layers['textanim'].document.close();}elsetextanim.innerHTML='';window.clearInterval(timer2);if(msg<message.length-1){msg++;z=0;if (brows){document.layers['textanim'].top=res;}elsetextanim.style.top=res;timer3=setTimeout('start()',100);}else{msg=0;z=0;if (brows)document.layers['textanim'].top=res;elsetextanim.style.top=res;timer3=setTimeout('start()',2000);}}}// done hiding --></Script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><b>Click it to Continue/Pause</b><Div id="textanim" style="position: relative; left: 0; top: 0" onclick="breakf()"></Div><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->