DHTML/Layers

Creating Dynamic Websites Using JavaScript

Last week we discussed a method for creating a modular Javascript toolbox. This week we show you how to use the Document Object Model to dynamically change the look of your web pages!

DHTML & Layer Tutorials

So, You Want Text Commands, Huh?

DHTML Example #4

Create a folder tree and allow your viewers to open and close links in a frames format.

DHTML Example: Button Flips

Another great rollover effect.

DHTML Example: Tabbed Interface

These note cards move back to front when you click on the tabs. It's a great way to supply your viewers with multiple levels of information!

DHTML Example: Text Link Color Flips

A great rollover effect.

DHTML Example: Video Game

Here's a video game where it's you against a UFO...

DHTML Transitions

Create transitions between pages just like Power Point!

Drop-Down Menu

If you've ever had trouble writing code for frames, like I do, then this is the script for you.

htmlgoodies.com - Home

What if you created a page for 800x600 and some users don't have that screen setting? Resize their screens for them.

htmlgoodies.com - Home

So You Want ME As Your Homepage, Huh?

With the click of a button, anyone can make your home page their startup page.

So You Want to Add Your Page to Favorites, Huh?

Create buttons and links so viewers can bookmark your page with one click!

So You Want to Move A Layer, Huh?

Use JavaScript to get a Layer to scroll across, or onto, your screen. It picks up where Layers Part II leaves off.

So You Want To Toggle, Huh? Method One

Make a division appear and disappear at will! It's a great effect.

So You Want To Toggle, Huh? Method Two

Make a layer appear and disappear at will (NN 4.0+ required)!

So, You Don't Want Clicks, Huh?

It won't stop clever criminals, but by stopping a user's right click you have a better chance keeping your images. Learn how to disable a user's right or left mouse button or to disable the mouse altogether!

So, You Want A FullScreen Browser, Huh?

Fullscreen Effect: Make it all really, really big!

So, You Want A Mouse Trail, Huh?

A mouse trail effect. Get all kind of things following you all over the page.

So, You Want A Wave, Huh?

The Wave Filter is a great effect that will wave either text or an image.

So, You Want DHTML, Huh?

DHTML Stands for Dynamic HTML and it employs Style Sheets. It's quite interesting. Check it out.

So, You Want Text Filters, Huh?

Play around with text layout and appearance through Microsoft filters.

So, You Want to Layer, Huh?

Here's the basic introduction to layering images (NN 4.0+ required).

So, You Want to Move That Layer, Huh?

Add motion to those layered images (NN 4.0+ required)!