Phiên bản đầy đủ: jsB@nk » Chữ » Chữ kiểu karaoke » Chữ chạy chớp sáng
URL: https://www.javascriptbank.com/highlighter-ticker-2.html
Hiệu ứng sẽ quét và làm nổi bật một chuỗi thông điệp nào đó theo từng kí tự, tương tự như các hiệu ứng chữ karaoke đã có trên jsB@nk.com, nhưng độc đáo và bắt mắt hơn; bởi hiệu ứng JavaScript này có thể áp dụng cho cả liên kết.
Phiên bản đầy đủ: jsB@nk » Chữ » Chữ kiểu karaoke » Chữ chạy chớp sáng
URL: https://www.javascriptbank.com/highlighter-ticker-2.html
<STYLE type=text/css>A {TEXT-DECORATION: none}A:link {COLOR: blue}A:visited {COLOR: blue}A:hover {COLOR: red; BACKGROUND-COLOR: #66ffff}.tab {FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Arial,Helvetica; TEXT-ALIGN: center}.tajc {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: navy; FONT-FAMILY: Arial,Helvetica; TEXT-ALIGN: left}.tajj {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: navy; FONT-FAMILY: Arial,Helvetica; TEXT-ALIGN: center}</STYLE><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->
<SCRIPT language=JavaScript> /************************************ http://javascripts.vbarsan.com/* This notice may not be removed ***********************************///Parameters://width of the Twinkler in pixels: set to your own;var dwidth=420; //height of the Twinkler in pixels: set to your own; var dheight=200; //speed: the higher the slower - set your own!var dspeed=10; //1.Background color: could be like: "#ffff00" or "yellow";//set it "" for no background color;var dbcolor="#ffffff";//This is the STYLE for your message;//modify it to your own or leave STEP I unchanged;//var twiclass='class=tacj';var twiclass='class=tajj';//Message://Inside any message you MUST use \' in lieu of ';mesaj='<font color="olive"><br />Message HIGHLIGHTER 2.0 scans and highlights any message character<br />by character. When done underlines it. Adjustables: Speed, Size, Background.</font><br /><br /><a class="tab" target="_self" href="http://vertical-scroller.vbarsan.com/">Vertical Scroller - <font color="red">Multiple Message Vertical Scroller 7.0</font></a><br />Messages scroll up and pause along 2 different patterns.<br />Singles: pause at top or may automatically be centered. More: each pauses at top.<br /><br /><a class="tab" target="_self" href="http://news-scroller.vbarsan.com/">Horizontal Scroller - <font color="red">Multiple Message Belt Conveyer 7.0</font></a><br />Messages scroll left & pause along 2 different patterns.<br />Singles: pause at left or centered based upon CSS. More: each pauses at left edge.<br /><br /><a class="tab" target="_self" href="http://news-ticker.vbarsan.com/">Typewriter Scroller - <font color="red">Multiple Message Typewriter Ticker 5.0</font></a><br />Ticker has 2 portions of same width: typewriting & scrolling.<br />Typewriting goes at bottom, then same text scrolls up pushing any preceeding upper.';//Algorithm//===========//For the scan to keep going on and on instead of underlining message, REMOVE//first "//" below and set it in front of each of the next 4 rows from there on:var kk=0;var kjk=0;var scant='';var wds=0;function scaneer(){if(kk<=mesaj.length){if(mesaj.charAt(kk)=="<"){kjk=1;wds=mesaj.length+1;}if(mesaj.charAt(kk)==">"){wds=0;kjk=0;}scant='';for(var jk=wds;jk<=mesaj.length;jk++){if(kjk==0&&mesaj.charAt(jk)=="<"){kjk=1;scant+=mesaj.charAt(jk);}else if(kjk==1&&mesaj.charAt(jk)==">"){kjk=0;scant+=mesaj.charAt(jk);}else if(kjk==1)scant+=mesaj.charAt(jk);if(kjk==0&&mesaj.charAt(jk)!=">"){if(jk==kk)scant+='<b><font color="aqua">'+mesaj.charAt(kk)+'</font></b>';else scant+=mesaj.charAt(jk);}wds=0;}if(wds==0){if(document.getElementById||document.all)iens6div.innerHTML=scant; else{ns4tw.document.write('<div '+twiclass+'>'+scant+'</div>');ns4tw.document.close();}}if(kk<mesaj.length)kk++;//else {kk=0;kjk=0;wds=0}else{if(document.getElementById||document.all){iens6div.innerHTML='<u><b>'+scant+'</b></u>';clearInterval(ttimer);}else{ns4tw.document.write('<div '+twiclass+'><b><u>'+scant+'</u></b></div>');ns4tw.document.close();clearInterval(ttimer);}}}}function scanner(){if(document.getElementById)iens6div=document.getElementById('scandiv');else if(document.all)iens6div=scandiv;else if(document.layers)ns4tw=document.twinmoveb0.document.twinmoveb1;ttimer=setInterval("scaneer();",dspeed);}</SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->
<body onload=scanner();><SCRIPT language=JavaScript>document.write('<table border=1 CELLSPACING="0" align="center" CELLPADDING="0"><tr><td width='+dwidth+'>');if(document.all||document.getElementById){document.write('<div '+twiclass+' style="position:relative;width:'+dwidth+';height:'+dheight+';background-color:'+dbcolor+';"><span id="scandiv"></span></div>');}</SCRIPT><ILAYER id=twinmoveb0 bgcolor="&{dbcolor};" height="&{dheight};" width="&{dwidth};"><LAYER id=twinmoveb1 height="&{dheight};" width="&{dwidth};"></LAYER></ILAYER></TD></TR></TABLE></body><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->