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 [email protected], 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-->