»
Tiếng AnhTiếng PhápTiếng Việt

In - Chữ karaoke trong khung - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Chữ » Chữ kiểu karaoke » Chữ karaoke trong khung
URL: https://www.javascriptbank.com/single-message-twinkler.html

Chữ karaoke trong khung © JavaScriptBank.comHiệu ứng sẽ tạo kiểu karaoke trong bảng, sau khi đi hết thì đoạn text sẽ trở thành một liên kết.

Phiên bản đầy đủ: jsB@nk » Chữ » Chữ kiểu karaoke » Chữ karaoke trong khung
URL: https://www.javascriptbank.com/single-message-twinkler.html



CSS
<style type="text/css">A.tab:link { COLOR: blue }A.tab:visited { COLOR: blue }A.tab:hover { COLOR: red }.tab { font-weight:bold; font-size:12px; font-family:Arial;color:navy;}.tabb { font-size:12px; font-family:Arial;color:white;}.tabt {font-weight:bold; font-size:18px; font-family:Arial;color:white;}.tabtt {font-weight:bold; font-size:14px; font-family:Arial;color:red;}.tabc {font-weight:bold; font-size:12px; font-family:Arial;color:white;}.tabcc {font-weight:bold; font-size:10px; font-family:Arial;color:white;}.tajc { font-weight:bold; font-size:12px; text-align:left; font-family:Arial; color:navy;}.tajj { font-weight:bold; font-size:12px; text-align:center; font-family:Arial; color:navy;}</style><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<script language="JavaScript"> var dwidth=250; var dheight=30; var dspeed=100; var dbcolor="#ffffcc";mesaj='Message Twinkler scans a message from left to right. When completed underlines it.';var kk=0;var scant='';function scaneer(){if(kk<=mesaj.length){scant='';for(var jk=0;jk<mesaj.length;jk++){if(jk==kk)scant+='<font color="red">'+mesaj.charAt(kk)+'</font>';else scant+=mesaj.charAt(jk);}if(document.getElementById||document.all)iens6div.innerHTML='<div class=tajj><b>'+scant+'</b></div>';else{ns4tw.document.write('<div class=tajj><b>'+scant+'</b></div>');ns4tw.document.close();}if(kk<mesaj.length)kk++;else{if(document.getElementById||document.all){iens6div.innerHTML='<div class=tajj><font color="red"><b><u>'+scant+'</font></u></b></div>';clearInterval(ttimer);}else{ns4tw.document.write('<div class=tajj><b><u><font color="red">'+scant+'</font></b></u></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();",100);}</script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<body onload="scanner();"><table border="1" cellspacing="0" align="center" cellpadding="0"><tbody><tr><td width="250"><script language="JavaScript">if(document.all||document.getElementById){document.write('<div id="scandiv" style="position:relative;width:'+dwidth+';height:'+dheight+';background-color:'+dbcolor+';"></div>');}</script><div id="scandiv" style="position: relative; width: 250px; height: 30px; background-color: rgb(255, 255, 204);"><div class="tajj"><b>Message Twinkler scans a mess<font color="red">a</font>ge from left to right. When completed underlines it.</b></div></div><ilayer id="twinmoveb0" width="&amp;{dwidth};" height="&amp;{dheight};" bgcolor="&amp;{dbcolor};"><layer id="twinmoveb1" width="&amp;{dwidth};" height="&amp;{dheight};"></layer></ilayer></td></tr></tbody></table></body><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->