[Do not delete or edit this document] "HotSpots" <1>Insert Part 1 in between and tags, insert Part 3 in wherever in body of your document. Change YOUR IMAGE FILE TO BE EXPOSED, YOUR WIDTH, YOUR HEIGHT, YOUR TEXT and YOUR IMAGE FILE(s). You can also change attributes and position (left, top, ...). Dimensions of all images should be the same! <2> <3> <4>

Check out the HotSpots!

There are six hidden hotspots on this page. Move your mouse around until all six are exposed. "Highlighted Links" <1>Text - Links get highlighted.Insert Part 1 in between and tags, insert Part 3 in wherever in body of your document. Change YOUR URL and YOUR DESCRIPTION. You can also change font attributes and position (left, top, color...) <2> <3> <4>
YASD's Daily Byte
DESCRIPTION #1
Today from TechyLand
DESCRIPTION #2
What's New
DESCRIPTION #3
"Dynamic Menu Bar" <1>Images are not animated gifs. Just insert your .jpg (yes .jpg) or .gif instead of YOUR IMAGE FILE, YOUR WIDTH, YOUR HEIGHT, YOUR URL and YOUR DESCRIPTION. Insert Part 1 in between and tags, insert Part 2 inside your body code. An example is: or . Insert Part 3 in wherever in body of your document. <2> <3> <4>

Images for menu bar are loading...please wait

 "Animation on Path" <1>Image is not an animated gif. Just insert your .jpg (yes .jpg) or .gif instead of YOUR IMAGE FILE, YOUR WIDTH, YOUR HEIGHT. Insert Part 1 in between and tags, insert Part 2 inside your body code. An example is: or . Insert Part 3 in wherever in body of your document. <2> <3> <4>
"Popout Menu #1" <1> Insert Part 1 in between and tags, insert Part 2 inside your body code. An example is: or .Insert Part 3 wherever in body of your document. Change YOUR IMAGE FILE, YOUR WIDTH, YOUR HEIGHT, YOUR TEXT. <2> <3> <4>
News Briefs
Feature Stories
Exploration
Mind Games
Animal Cams
Here's the pull down menu for both 4.0 browsers. This is a very simple example of what can be done with pop-out menus.
"Popout Menu #2" <1>Insert Part 1 in between and tags, insert Part 2 inside your body code. An example is: or .Insert Part 3 wherever in body of your document. Change YOUR IMAGE FILE, YOUR WIDTH, YOUR HEIGHT, YOUR TEXT. <2> <3> <4>
This is a very simple example of what can be done with pop-out menus. This is a very simple example of what can be done with pop-out menus. This is a very simple example of what can be done with pop-out menus. This is a very simple example of what can be done with pop-out menus. This is a very simple example of what can be done with pop-out menus.
tab
Pop Out text appears here. This DIV can contain graphics or text or any other HTML element you would like to include. By placing several popout menus like this down the side of the screen you can make large amounts of information available to people only when they need it. Being able to customize an interface like this is yet another demonstration of the power in DHTML.
==========NN4========================================= "Sliding Layers" <1>This DHTML script moves your image over screen. Image is not an animated gif. Just insert your .jpg (yes .jpg) or .gif instead of YOUR IMAGE FILE, YOUR WIDTH, YOUR HEIGHT and YOUR ALT TEXT. Insert Part 1 in between and tags, insert Part 2 inside your body code. An example is: or . Insert Part 3 in wherever in body of your document. <2> <3> <4> YOUR ALT. TEXT "Image Gallery" <1>Insert Part 1 in between and tags, insert Part 2 inside your body code. An example is: or .Insert Part 3 wherever in body of your document.Change YOUR IMAGE FILE, YOUR WIDTH, YOUR HEIGHT, and eventualy Link Text (Go To) Layer 1, (2),(3). <2> <3> <4>
"Preview" <1>Contest or Preview of your page. Insert Part 1 in between and tags, insert Part 2 inside your body code. An example is: or .Insert Part 3 wherever in body of your document. Change YOUR IMAGE FILE, YOUR WIDTH, YOUR HEIGHT, YOUR TEXT. <2> <3> <4> YOUR TEXT YOUR TEXT "Drag Text and Image" <1>This script enables you to drag text and (or) image (.gif).Insert Part 1 in your head tags and Part 3 in body of your document. Change YOUR IMAGE FILE, YOUR WIDTH, YOUR HEIGHT, YOUR TEXT. <2> <3> <4> "Drag Image" <1>This script enables you to drag image (.jpg). Insert Part 1 in your head tags and Part 3 in body of your document. Change YOUR IMAGE FILE. <2> <3> <4>
"Mouse Over Text" <1>Text changes color and becomes link on MoseOver. Insert Part 1 in your head tags and Part 3 in body of your document. Change YOUR LINK and DESCRIPTION. Important: DESCRIPTION (Text) must be the same. <2> <3> <4> DESCRIPTION "Scrolling Text" <1>Insert Part 1 in your head tags and Part 3 in body of your document. Change YOUR IMAGE FILE and YOUR TEXT. You can also change positin and size attributes as are top, left... <2> <3> <4>

A lot of times, someone who's viewing your pages wants to search for text in that document. Many users know that in the menubar, under preferences, you can spawn the "Find dialog box", which will do an inline search on the contents of the current window and highlight any text found. ... A lot of times, someone who's viewing your pages wants to search for text in that document. Many users know that in the menubar, under preferences, you can spawn the "Find dialog box", which will do an inline search on the contents of the current window and highlight any text found. ... A lot of times, someone who's viewing your pages wants to search for text in that document. Many users know that in the menubar, under preferences, you can spawn the "Find dialog box", which will do an inline search on the contents of the current window and highlight any text found.

==========IE4========================================= "Contents" <1>Titles get highlighted, decriptions get appeared. Insert Part 1 in between and tags, insert Part 3 in wherever in body of your document. Change YOUR TITLE and DESCRIPTION. You can also change font attributes (font-size, color...) <2> <3> <4>

YOUR TITLE

YOUR TITLE #1
YOUR TITLE #2
YOUR TITLE #3
"Resizing image with link" <1>On mose over image gets "bubbled". It can be either .jpg or .gif. It's also a link. Insert Part 1 in between and tags, insert Part 3 in wherever in body of your document. Change YOUR IMAGE FILE, YOUR WIDTH, YOUR HEIGHT and YOUR URL. <2> <3> <4> "Drag and Drop" <1>Insert Part 1 in between and tags, insert Part 2 inside your body code. An example is: or . insert Part 3 in wherever in body of your document. Change YOUR IMAGE FILE, YOUR WIDTH, YOUR HEIGHT. You can also change and position (left, top, ...). <2> <3> <4>
DragMe
"Rotating image" <1>Image is not animated gif. Just insert your .jpg (yes .jpg) or .gif instead of YOUR IMAGE FILE. Important: YOUR WIDTH DAC and YOUR HEIGHT DAC are dimensions DAControl used in this script and your Image should fit in frame of DAControl. Insert Part 1 in between and tags and Part 3 in body of your document. <2> <3> <4> "Side Bar - Left" <1>Cool menu bar with client side image maps. You should create your image maps. The easiest way is to use same dimensions for image, same filename and mapname as they are already set within this script and change COORDINATES only, adding your links (URL1, URL2....). Sample image is included. Insert Part 3 as your body. <2> <3> <4> "Side Bar - Right" <1>Cool menu bar with client side image maps on right side of screen. Apearance is different than menu on left side. You should create your image maps. The easiest way is to use same dimensions for image, same filename and mapname as they are already set within this script and change COORDINATES WITH LINKS only, adding your links (URL1, URL2....). Sample image is included. Insert Part 1 between and, insert Part 2 inside your body code. An example is: or . Insert Part 3 in your body. <2> <3> <4> rect rect rect rect rect rect rect rect "Squash logo" <1>Cool logo with two pictures. It is not animated GIF! You can use either GIFs or JPGs. Insert Part 1 in between and tags, Part 2 within your tag. An example is: or . Insert Part 3 in body of your docment. Replace YOURPIC1, YOURPIC2, YOURPICWIDTH and YOURPICHEIGHT <2> <3> <4>
"Rotating Ticker" <1>This script flips three bars with links. The time controls are in the onload commmand in the BODY tag. Default is 5 seconds(5000 miliseconds) between page flips and can be changed. You can also play with position of your bars and fonts changeig them within "
" and "
" lines. You have to change your urls(URL_1_1, URL_1_2...) and your descriptions(DESCRIPTION_1_1, DESCRIPTION_1_2...). Insert Part 1 in between and tags, Part 2 as your tag and Part 3 in body of your document. <2 <3> <4>
"Blending two images" <1>This script uses blend transitons. It looks realy cool. You can set either GIFs or JPGs. Try changing parametars in "
" line adjusting them according to dimensions of your images. Insert Part 1 between your and tags and Part 3 in body of your document. Replace IMAGE1 and IMAGE2 with your files. <2> <3> <4>
"Reveal Transitons" <1>This script uses Reveal Transitons. There are 23 different filters and you can change value of transition from 0 to 22. Value 23 sets filters randomly. It's part of "
". You can set either GIFs or JPGs. Try changing parametars in "
" line adjusting them according to dimensions of your images. Insert Part 1 between your and tags and Part 3 in body of your document. Replace IMAGE1 and IMAGE2 with your files. <2> <3> <4>
"Changing Colors" <1>This script changes colors of your text. Insert Part 1 between your and tags, Part 2 in your tag and Part 3 in body of your document. Change YOUR TEXT HERE!. <2> <3> <4>

YOUR TEXT HERE!

"An HTML clock" <1>Insert Part 1 between your and tags, Part 2 in your tag and Part 3 in body of your document. <2> <3> <4>
 
"Cool Contents" <1>Text is being appeared by clicking on submenu. Formating and text attributes can be applayed. With litlle bit of your imagination, you can easily edit this cool script and adjust it on the way u need it. U should replace YOUR TITLE, Sub Title 1, Sub Title 2... Your text... and Your List Item... at least. Insert Part 1 in between your and tags, Part 2 within your tag and Part 3 in body of your document. <2> <3> <4>

YOUR TITLE

Click on Sub Title to see contents

Sub Title 1

Sub Title 2

Sub Title 3

Sub Title 4

Sub Title 5

"Path Control" <1>Insert Part 1 between yor and tags, Part 2 within tag and Part 3 in body of your document. Replace YOURIMAGE, YOURWIDTH and YOURHEIGHT <2> <3> <4> "Dynamic Content" <1>Text is being replaced directly on your Web page. Insert Part 1 between yor and tags, Part 2 within tag and Part 3 in body of your document. Replace YOUR TEXT with your text. <2> <3> <4>
YOUR TEXT