Do not open from index ~ See Flashing Table Border

M ake 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 well in IE6.0, Firefox1.5.0.4, Netscape8.1 and AOL Explorer1.2. Opera9.0 you will see the effect but it will "Not" flash.

D epending on your knowledge of HTML and java scripts, this is an easy, two (2) step copy and paste code with minimal reconfigurations. Simply insert one part of the code into the <HEAD> section of your document. This is where you will make the c0lor and speed reconfigurations. The scond part is basically the table that you paste into the <BODY> section of your document where you want this effect to appear. There are only two (2) reconfiguration you can make here other than adding what you want inside the table.

For your Information: Notice the only two colors you need to reconfigure are the first and second. These are the two that will flash. Use words for colors otherwise in Netscape the effect will not work. Below is a color chart that has words for colors:
[ Color Picker ]

}
}

setInterval("flash()",500)
//-->
</script>

N otice the "500". This is set for a half a second between flashing/color change. It is set with mili-seconds. In other words:

500 = half a second
1000 = one second
1500 = one and a half seconds
2000 = two seconds

T his you can play around with until you find the speed setting you like.

<center>
<table border="0" id="flashingborder" style="border:5px solid*">
<tr>
<td>
<p align="center"> <a href="http://www.shvaika.ic.ck.ua">Visit my own site. Simple click here</a> </td>
</tr>
</table>
</center>

I f you can notice within the above code, there is no attribute for the width of the table. If you understand table attributes, then you will know that without a width attribute, the material within the table will not break and run on unless you add break <BR> or paragraph <P> </P> tags. You can add the width attribute if you so choose. We did not add one but you can see below on where it would be added. Notice the ( style="border:5px solid"> ). This number ( 5 ) denotes in pixels how wide the table border will be.

<center>
<table border="0" width="?" id="flashingborder" style="border:5px solid*">
<tr>
<td>
<font face="georgia,arial,helvetica"size="3"color="#00ff7f">Put text, links, and even images <img src="Path To Uploaded Image"border="0" width="?" height="?" alt="?" align="middle"> inside the table. </font><br>
<font face="georgia,arial,helvetica"size="3"color="#ba55dc">
<center>
[ <a href="http://webdeveloper.earthweb.com/webjs/item/0,,12753_101621,00.html"target="_blank">Get Code Here</a> ]</center></font> </td>
</tr>
</table>
</center>

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

W e 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 ] [ Rate This Page ]