I nstead of "typing", "pushing" or "blinking" words, this scroller replaces a random character in the text with the correct new one to eventually create a new phrase.
W e have tested the code in IE5.5, IE6 and Netscape4.08. This script worked well in all platforms tested with no variations observed.
D epending on your knowledge of HTML and Java Script, this is an easy 3 part copy and paste code.
1. Copy the coding into the <HEAD> section of your document
2. Add the onLoad event handler into the <BODY> tag of yout document
3. Put the last coding into the <BODY> section of your document
B elow we will show you where do make the reconfigurations for your messages to scroll. The first reconfigurations will be in the <HEAD> section. This is where the different messages will be that will scroll.
<!-- Begin
function scroll(message_loop)
{
var messages = new Array();
messages[0] = "This scroll is one of a kind.";
messages[1] = "It is flexible,";
messages[2] = "Somewhat \"cliffhanging\",";
messages[3] = "great for annoucements,";
messages[4] = "And is also attention attracting.";
if(message_loop >= messages.length)
T he Orange numbered sequence must be followed if you want to add more than the default number of messages. So your next number would be 5 etc. Be sure all mesasges you add are before the if(message_loop >= messages.length)
O ne other thing that Must be adherred to or you will get an error message is the use of the \" backslash if you are going to use any " quotation marks within the messages. Reason being the script will not understand the use of extra " quotation marks unless you preface it with the backslash. The above section of code is quite self explanitory about this.
T he next section is where and how to Add the onLoad event handler into the <BODY> tag.
</head>
<body bgcolor="#000000" text="#9966ff" link="#ffa500" alink="#ffff00" vlink="#ffa500"BODY onLoad="scroll(0);">
T his is the last section which is pasted into the <BODY> section of your document. This is where the opening message will be put when your page first opens. This is reconfigured within the textarea box that you can also change the size of the box itself.
<form name="scroll_form" style="text-align:center;">
<input type="text" size="35" value="Watch this banner" name="banner">
</form>
T
hats all there is to this script. If you want to add this effect to your pages, just grab the below link and get the code. If you do have any problems with this, feel free to contact us.
[ Get Code Here ]
Search Our Site By Individual letter
[ A ]
[ B ]
[ C ]
[ D ]
[ E ]
[ F ]
[ G ]
[ H ]
[ I ]
[ J-K ]
[ L ] |
Little Tips Directory [ Page 1 ] [ Page 2 ] [ Page 3 ] [ Page 4 ] [ Page 5 ] [ Page 6 ] [ Page 7 ] |
[ Index Page 1 ]
[ Index Page 2 ]
[ Index Page 3 ]
[ Index Page 4 ]
[ Index Page 5 ] [ Index Page 6 ] [ Index Page 7 ] [ Index Page 8 ] [ Index Page 9 ] [ Index Page 10 ] [ Index Page 11 ] [ Index Page 12 ] [ Index Page 13 ] [ News Letter Archives ]
[ Navigation Page ]
[ Archives Of Published Material ] |
If you are part of the ever growing number of webmasters who enjoy
sharing your knowledge with others on web design, join The
Consigliere Ltd. web ring to broaden your scope of exposure.
Join Today
This Site Was Built And Is Maintained Exclusively by
The Webmaster @ Consigliere Ltd.
Copyright © Consigliere Ltd., All Rights Reserved. 2001-