« »

Highlighter Ticker 2 scans and highlights any message character by character. When done underlines it. Adjustables: Speed, Size, Background. Blinker 3.0 blinks any number of messages/images. Adjustables: speed,pause,size,background & number of blinks. Pauses while mouse is over.

Label: Highlighter Ticker 2

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Code
CSS
JavaScript
HTML
Print

Copy All x2

<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
	-->

Copy All x2

<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
	-->

Copy All x2

<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
	-->