01/09/06

W ith this script (Generator) you can create your own flashing scroll bars. Simply type in two colors to the prompt and let JavaScript do the rest.

W e have tested the code in IE6.0, Firefox1.0.7, Opera8.51, Netscape7.02, Netscape8.0.4 and AOL Explorer1.2. This script worked in IE and AOL Explorer1.2 only. In all other platforms tested the generator did not function properly, if it functioned at all. It does degrade well and you will not get any error messages.

D epending on your knowledge of HTML and javascripts, this is an easy two part copy and paste code that goes in both the <HEAD> and <BODY> sections of your document with no reconfigurations other than cosmetic (font size, color, etc.). The way we have this script configured, we have it set within an "I"Frame or "Inline" Frame. This way we keep it on the same page as the other material on the page. The default appears slightly different and is on a page by itself. See below link for default appearance.
Default ]

I f you like the idea of an "I"Frame, it is quite simple. Just place this effect on a new page with nothing else on it and on the page you want the effect to appear, just call it from an "I"Frame. If this is a little confusing, just grab the below link and "I"Frames are completely explained.
I Frames Explained ]

W e feel at this time a full tutorial is not warranted due to the simplicity of the script. If you feel you need one, we will be more than happy to prepare one for you.

Note Of Importance Note of Importance ~ In reference to the site you will be getting the script. The copy and paste code has one error on it within the <HEAD> section of code. You "Must" remove a line of code or you will get an error message at the bottom of your browser window in the status bar. (The error message will be "Page Done With Errors", once you select "Create Some Flashing Scrollbars" ). See below where and what you need to remove.

Default With Error Included

<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->

<HEAD>


<!-------- REMOVE FROM HERE DOWN -------->

<SCRIPT LANGUAGE="JavaScript">

<!-------- REMOVE FROM HERE UP -------->

<!-- Original: Jamie Allen -->

<!-- Web Site: http://www.jamie.zibykid.com -->

<!-- This script and many more are available free online at -->

<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-------- THE BELOW LINE MUST REMAIN -------->
<script language="JavaScript">
<!-------- THE ABOVE LINE MUST REMAIN -------->
//This script may be used, UNEDITED

Reconfigured With Error Removed

<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->

<HEAD>

<!-- Original: Jamie Allen -->

<!-- Web Site: http://www.jamie.zibykid.com -->

<!-- This script and many more are available free online at -->

<!-- The JavaScript Source!! http://javascript.internet.com -->

<script language="JavaScript">

//This script may be used, UNEDITED

I n essence, all we did was remove a duplication of code which would cause you to get an error message. We removed the below line of code since there were two ( 2 ) of the same which was causing the error.
<SCRIPT LANGUAGE="JavaScript">

Warning Logo     Note Of Importance:     On the page you are going to have this effect on or any page that will link to the page with this effect is on, be sure of one thing within either the linking URL or the URL this effect is on. Be sure you "Do Not" have the backslash-forward slash / (which ever you call it) at the end of the linking URL. If you do, you will get an error message in the task bar and the effect "Will Possibly Not Work!. If this sounds confusing, see the below example:

  • Right Way:     https://www.angelfire.com/ny5/consigliere/flashingscrollbargenerator.html

  • Wrong Way:*    https://www.angelfire.com/ny5/consigliere/flashingscrollbargenerator.html/
  • * Notice when this page opens (Screen Capture) the error message in the lower left corner just above the "Start" menu. Reason being is that there is a backslash/forward slash at the end of the URL.

S elect the links above to see what we are explaining about the Correct and Incorrect URL address.

I f you would like to add this effect into your pages, grab the respective below link and you are there. We hope our tutorial was easy to follow and we covered everything in detail. If you have any problems with this or anything else, feel free to consult our FAQ ] and if you can't find the answer there, contact us ].
Get Code Here ]   [ Rate This Page ]