I f you are reading this, you have clicked on the preceding button and this page opened in a unique way.

I f you would like to see this script in action again, [ Reload ] this page.

W e have tested the code in IE5.5, IE6, Netscape4.08 and Netscape7.0. This script worked well in all platforms with the exception of Netscape4.08 where it will "Not" work, you will get a blank page besides an error message in the task bar of

"JavaScript error: Type 'javascript' into Location for details"

P ersonalize and make a statment with your site with the Revealer script. As the name suggests, this DHTML script gradually "Reveals" the entire content within a web page.

D epending on your knowledge of HTML, java scripts and DHTML, (which stands for "Dynamic" HTML), this is basically a copy and paste as a complete HTML document and then start to remove* from the script what is not needed and then reconfigure it to your specifications.

* Since the code for this script is in the complete HTML document format, there are certain parts you should remove prior to your own customization of your material. If you grab the below link, you will see where and howto remove what is not needed and also where to add your material within the script.
[ Advanced Reconfigurations On Code ]

T his script is basically not for anyone who does not have a good solid working background with HTML and java scripts. Please do not attemt this unless you are comfortable with the codes and understand what you are looking at within the code.

B elow is the part of the code within the <BODY> section of the script that you reconfigure for the opening effect. Such as text, colors etc.

* This denotes the color of the text inside the boxed message

B elow we have inserted parts of the code to point out what you can reconfigure and where you can add your page content.

type ->
div1bg ->
div2bg ->
div1bw ->
div2bw ->
div1bc ->
div2bc ->
step ->
timeOut ->
click ->

0 for vertical | 1 for horizantal
Background color of first layer
Background color of second layer
Border width of first layer
Border width of second layer
Border color of first layer
Border color of second layer
The amount revealed every interval
The delay in milliseconds
true if user has to click to reveal | false
for auto reveal

(eg. '#CCCCCC')
(eg. '#CCCCCC')
(eg. 1)
(eg. 1)
(eg. '#000000')
(eg. '#000000')
(eg. 5)

See below for an example of how to call the function.
*/
new initReveal(0,'#CCCCCC','#CCCCCC',1,1,'#000000','#000000',3,10,true);
</script>

B elow is where within the script you would add your own content to the page. Notice there are two sections for your content. One for the header and the other for the information within your page. This you need to pay particular attention to for the script and page to look and function properly. If this part is slightly confusing, see our above link on
"Advanced Reconfigurations On Code". This will show you what needs to be removed within the original code before you can add your own content.

<center><span class="header">Your Header Here*</span></center>
<table width="90%" align="center"><tr><td>
<span class="content">
<br>

Place All Your Body Information Here!

</span>
</td></tr></table>

</body>
</html>

* It is a good idea to add the header attributes in front of and behind your header text so it will define the size of the header. In other words, see the below example:

<center><span class="header"><h1>Your Header Here</h1> </span></center>

B elow, you can see how the different header attributes will change the size of the header text.

Reveal Webpage Gradually

H 1

H 2

H 3

H 4

H 5

H 6