|
DHTML Cross-Browser JavaScripts |
Vertical Scrollers, Horizontal Scrollers and News Tickers
FREE JavaScript News Scrollers and Tickers.
=> Here is Multiple Message Blinker Script & DEMO <=
| Free Blinker Ticker - Message Blinker |
The script blinks any message. It features configurable
speed, pause, size, background. Pauses with mouse over.
Multi-OS and Cross-Browser Javascript Blinker Ticker.
Use 'Select' to copy the whole box (then Ctrl C)
<html> <head> <title>Blinker Ticker v2.1</title> <!-- STEP I: Goes between <HEAD> & </HEAD> tags You may keep it, change or ignore it! Or linking to an External Style Sheet: <LINK REL=StyleSheet HREF="yourstyle.css"> without other style tags --> <style type="text/css"> A { text-decoration:none;} .tab { font-weight:bold; font-size:12px; text-align:center; font-family:Arial,Helvetica;} A:link {color:blue;} A:visited{color: blue;} A:hover{color: red;background-color:#66ffff;} </style> <!-- STEP II: Goes between <HEAD> & </HEAD> tags Or linking to an External js file: <script language="javascript" src="yourfile.js"></script> without other script tags --> <script language=javascript> /*********************************** * http://javascripts.vbarsan.com/ * This notice may not be removed ***********************************/ // Parameters of the Blinker follow: //================================= //width var mswidth=200; //height var msheight=80; //message pause: message in sight! var mspause=1200; //1000=1s //blinks speed: message out of sight! var msspeed=500; // 1000=1s //background color var bcolor='#ffffcc'; //Message blinking: change to your own! //Within a message you must use \' in lieu of ', should the case be! var singlemessages='<div class=tab align="center"><a class=tab target="_self" href="http://javascripts.vbarsan.com/"><br>Vertical Scroller v7.0<br>Horizontal Scroller V7.0<br>Typewriter Scroller v5.0</a></div>' //... //The Blinker's Algorithm follows: //================================ var kkk=0;var timer1 = null;var timer2 = null;function startb(){if(document.getElementById){iens6div=document.getElementById('ieNS6sliderb');iens6marquee11(iens6div);}else if(document.all){iens6div=ieNS6sliderb;iens6marquee11();}else if(document.layers){ns4layerb=document.ns4sliderb0.document.ns4sliderb1;ns4layerb.visibility='show';ns4marquee11();}}function iens6marquee11(){iens6div.innerHTML=singlemessages;timer1=setTimeout("iens6marquee12(iens6div.style.top=msheight)",mspause);return;}function iens6marquee12(){timer2=setTimeout("iens6marquee11(iens6div.style.top=0)",msspeed);return;}function ns4marquee11(){ns4layerb.document.write(singlemessages);ns4layerb.document.close();timer1=setTimeout("ns4marquee12(ns4layerb.top=msheight)",mspause);return;}function ns4marquee12(){timer2=setTimeout("ns4marquee11(ns4layerb.top=0)",msspeed);return;} </SCRIPT> <!-- End of script between HEAD tags --> </head> <!-- STEP III: Make sure startb() is loaded. If you have in your page multiple "onload" events, place them all using one onload event handler within BODY TAG, like this: onload="Funct1(); Funct2(); ...;" Or use this: function alltostart() { funct1(); funct2(); ... } window.onload = alltostart; --> <body onload="startb();"> <!-- STEP IV: Place the script below in the BODY where the blinking is to appear --> <script language="JavaScript">document.write('<table align="center" border=2 CELLSPACING="0" CELLPADDING="0"><tr><td width='+mswidth+'>');if(document.all||document.getElementById){document.write('<div style="position:relative;overflow:hidden;width:'+mswidth+';height:'+msheight+';background-color:'+bcolor+';" onMouseover="if (timer1!=null){ clearTimeout(timer1);iens6div.style.top=0; kkk=1;} if (timer2!=null) {kkk=1; clearTimeout(timer2);}" onMouseout="if (kkk==1) { kkk=0; timer2=setTimeout(\'iens6marquee11(iens6div.style.top=0)\',msspeed);}"><div id="ieNS6sliderb" style="position:relative;width:'+mswidth+';height:'+msheight+';"></div></div>')} </script><ilayer id="ns4sliderb0" width=&{mswidth}; height=&{msheight}; bgcolor=&{bcolor};><layer id="ns4sliderb1" width=&{mswidth}; height=&{msheight}; onMouseover='if (timer1!=null){ clearTimeout(timer1); ns4layerb.top=0; kkk=1;} if (timer2!=null){ kkk=1; clearTimeout(timer2); }' onMouseout='if (kkk==1) {kkk=0; timer2=setTimeout("ns4marquee11(ns4layerb.top=0)",msspeed);}'></layer></ilayer></td></tr></table> <!-- End of code between BODY tags --> </body></html>
by Vasile Barsan
