XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

SUB BASED MENUES:::

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

ROTATING TEXT IMAGES You need Java to see this applet.

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

RANDOM PAGE IMAGE::::

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

IMAGE HIGHLIGHT You need Java to see this applet.

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

HORIZONTAL SITE IMAGES You need Java to see this applet.

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

FADING IMAGES You need Java to see this applet.

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

DROP DOWN MENU

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

ANIMATION LOGOS You need Java to see this applet.

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

CODES FOR THE WHETHER FOR STEUBENVILLE

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

SOME OTHER GREAT LINKS
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX OnMouseOver image change JavaScript source Instructions: Part one is the JavaScript function you need to change images Put first part of the script anywhere between your head tags. ( and ) Change "your animated gif" to the path of the gif you want to use when mouse is over image (link). Ex. "bullets/bul2on.gif" Change "your static gif" to the path of the gif you want to use when mouse is out of the image (link). Ex. "bullets/bul2off.gif" Part two is the DHTML to call the JavaScript function Put onMouseOver and onMouseOut part inside of the anchor tag. Ex. Put name of the image inside of the img tag (in this script its image1). Ex. Part 1. Put this part between your head tags: Part 2. Put this line inside of the anchor tag of the link: onMouseOver="changeImages('image1', 'image1on')" onMouseOut="changeImages('image1', 'image1off')" Put this line inside of the img tag of the image: name="image1" XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX Pop-up Window Instructions: Part one is the JavaScript function you will need to call Put first part of the script anywhere between your head tags. ( and ) Change "yourpage.htm" to the path (relative or absolute) of the page you want to pop-up. Ex. "example.htm" Optionally you can change other properties (height, width e.t.) Part two is the line you need to link to. Ex. example Part 1. Put this part between your head tags: Part 2. Link to this line: javascript:winpop() XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX Current Date Instructions: Part one is the JavaScript class you need to calculate current date Put first part of the script anywhere between your head tags. ( and ) Part two is the script that displays the date, put it between your body tags Part 1. Put this part between your head tags: Part 2. Put this script anywhere between body tags Example: Today is: Tuesday, November 21, 2000 XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX Status Bar Text This script changes text of the status bar. Notice my status bar displaying "JavaScript". To use it include the following line to your body tag, change 'Javascript' message to anything you want. onLoad="window.defaultStatus='Javascript'" XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX Add to favorites This script allows adds your site to the visitor's favorites once he/she clicks on it.Put it wherever you want to have a link, change http://www.ecybers.com/webdesign/ to URL of your site and "Web Development Resource" to the name of your site. Example is here. XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX ToolTipText Instructions: Part one is the Cascading Style Sheet needed to display table with the text in the proper position. Put first part of the script anywhere between your head tags. ( and ) Second part is the actual JavaScript needed for the table to appear, you should put it after your tag Change background colors and text properties as you want Part 1. Put this part between your head tags: Part 2. This is the actual JavaScript that makes the table to appear:

 

Part 3. You need to add this line to the object, where you want your help tip to appear: ONMOUSEOVER="pop('Click here to read the disclaimer','#FFFFE8')" ONMOUSEOUT="kill()"; For example for the link you will need to put inside of your anchor tag - example Example: Home Page XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX Click anywhere to start script

Free JavaScripts provided
by The JavaScript Source

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Free JavaScripts provided
by The JavaScript Source

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Free JavaScripts provided
by The JavaScript Source

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX Pull Down Surfing - Preloaded Images(add images background) To use this script, copy the following lines into your tag. Change FIRST IMAGE, SECOND IMAGE, and THIRD IMAGE. Now, put this code anywhere in your page.

Image 1 Image 2 Image 3

Adding More Images This will explain how to add a fourth image. The proceedure is the same for add even more images. First add these lines image4= new Image(); image4.src = "THRID IMAGE"; so the top script looks like this Now add this line in the selection box form Image 4 so the bottom part looks like this

Image 1 Image 2 Image 3 Image 4

tag. Now put this inside your body code. An example is: or Now put this where ever you want in your HTML document

Now you need to change all the images, there should be 7 changes with this example. To add more images you would just insert this line after the ones in the script that goes in the head tag that look exactly like it. images[7] = "IMAGE7" Then you ned to adjust the number 6 to 7 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx LED SIGN--WIDE LETTERS Put this code in you page where ever you want he LED sign to go. Also, you need to put these 2 gifs, on.gif and off.gif, in your internet directory. VERY IMPORTANT: No capital letters!, it won't work To add more messages just add messages[4] = "FIFTH MESSAGE" in the top of the script, just change the numbers appropriately. Don't forget to change the messages! If you want to make the sign start when your page loads up instead of pressing the button, first delete this line at the end of the code document.write('') Now put this inside your body code. An example is: or xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

I really think I gotta get out more often!

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx =========================================================== Script: JavaScript Cross-Browser SlideShow Script With Cross-Fade Effect between Images Adjustable Timing and Unlimited Images Function: Displays images continuously in a slideshow presentation format, with a fade effect on image transitions. Browsers: All common browsers: NS3-6, IE 4-6 Fade effect only in IE; others degrade gracefully Author: etLux =========================================================== Step 1. Put the following script in the head of your page: =========================================================== Step 2. Put this onload event call in your body tag: =========================================================== Step 3. Put this in the body of your page where you want the slide show to appear. Set widths and heights same as images Set image file same as first image in array Pic[] (above) =========================================================== xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx =========================================================== Script: JavaScript Cross-Browser SlideShow Script With Adjustable Timing and Unlimited Images Function: Displays images continuously in a slideshow presentation format Browsers: All common browsers: NS3-6, IE 4-6 Author: etLux =========================================================== Step 1. Put the following script in the head of your page: =========================================================== Step 2. Put this onload event call in your body tag: =========================================================== Step 3. Put this in the body of your page where you want the slide show to appear. Set widths and heights same as images Set image file same as first image in array Pic[] (above) =========================================================== xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx NO RIGHT CLICK! ERROR MESSAGE XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX