Flashing Table Border ~ Tested in IE6.0, Netscape8.1, Opera9.0, Firefox1.5.0.4 and AOL Explorer1.2

With this script you can make a particular table's border flash with this visual script! Alternate between two colors, configurable speed.

We have tested the code in IE6.0, Firefox1.5.0.4, Opera9.0, Netscape8.1 and AOL Explorer1.2. This script worked in IE and AOL Explorer1.2. All other platforms tested you will see the effect with the original color you set in the code but it will not flash. It degrades well and you will not get any error messages.

For your Information: If you would follow the below link, you will find an updated ( 10/21/02 ) script that will work in both IE and Netscape
[ Updated Script For IE And Netscape ]

Depending on your knowledge of HTML and java scripts, this is an easy, on step copy and paste code with minimal reconfigurations if you want to change the colors. Simply insert the code into the <BODY> section of your document where you want the effect to appear. You can change the color the table flashes to and from by changing all instances of the keyword "green" and "red" to your own. As you can notice on our black page, the flashing "Hotpink and #ba55dc do draw the attention needed.

Below you will see where to make the reconfigurations to alter the colors used within the Flashing table.

<table border="0" width="280" id="myexample" style="border:5px solid* green">
<tr>
<td>This Is Where Your Content Goes<br></td>
</tr>
</table>

The above is where you change the color that will open initially when the page first opens and the size attributes of the table itself. It is also where you will add your content inside the table. We have changed this to the color hotpink in our example. We have changed the width= 380 and left the border: as is. These you can play around with until you get the look and feel that you want.

* For your Information: Notice in the above coding the word "solid". This tells the code that the border around the effect will be of a solid nature. If you would to change that to "dotted", you will get a completely different appearance. Grab the below link to see the effect with a border around the effect will be of a solid nature. If you would to change that to "dotted" border as opposed to a solid border.
[ Effect With Dotted Border ]

The next part is where you change the colors to flash.

Default Settings

return
if (myexample.style.borderColor=="green")
myexample.style.borderColor="red"
else
myexample.style.borderColor="green"
}

Our Reconfigurations

return
if (myexample.style.borderColor=="hotpink")
myexample.style.borderColor="#ba55dc"
else
myexample.style.borderColor="hotpink"
}

Notice that you can use either "Word" names or "Hex Codes" for colors . They both will function perfectly well. If you would like a color chart to see all the different colors that are both with words and Hex codes, we have also included one below for your use.

We hope our tutorial was easy to follow and we covered everything in detail. If you would like to add this effect into your pages, grab the respective below link and you are there. 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 ] [ Color Picker ] [ Rate This Page ]

Search Our Site By Individual letter

[ A ] [ B ] [ C ] [ D ] [ E ] [ F ] [ G ] [ H ] [ I ] [ J-K ] [ L ]
[ M ] [ N-O ] [ P-Q ] [ R ] [ S ] [ T ] [ U-V ] [ W ] [ X-Y-Z ]

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 ]
[ Link To Us ] [ Alphabet Index ] [ Feedback ] [ On Line Support ] [ FAQ ]
[ Webmaster Utilities ] [ Casino ] [ Banner Exchange ] [ Advanced Site Search ]

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.