Expand all menus

Close All Menus

SwapClass

MultiClass

Menu Sections can contain any type of content- including text or images.

Menu Powered by PVII Swap Class

100% Natural HTML

Swap Class by PVII

If CSS floats your boat, and the menu on this page tickles your fancy, then Swap Class by PVII is just what the ship's doctor ordered. Welcome to the world of CSS-Positioning and thoroughly modern, low-bandwith navigation design.

The idea behind Swap Class is to make it possible for a single style sheet to work in all version 4 and higher browsers. The secret is what happens when the page loads. Key elements are assigned safe classes that render unto Netscape 4 exactly what it deserves (well, actually quite a bit more than is normally possible). Swap Class is supported by all version 5 and higher browsers... except Opera (Opera promises better DOM compliance in the near future). Here's how it works:

The <body> tag fires Swap Class onLoad (onload for you xhtml geeks). Version 4 browsers are completely oblivious to the script and go on their merry way rendering all elements with the default class assignments. Version 5 (and higher) browsers understand the onLoad command and immediately switch the CSS classes on the elements defined in the Swap Class interface. Click the three links below to see how we can dramatically alter the layout of a page just by changing the CSS class. Although script-driven, the positioning is pure CSS.

Reset | Fixed Width | Realign

At first blush, you may think why? This is a demo and is intended to exhibit and illustrate the power of the script. We're not suggesting that you fill your page with triggers to launch gratuitous CSS sleights of hand. What we are suggesting, is that once you get comfortable with CSS in general... you can use Swap Class to shape and style your pages when they load. But you can do a few cute tricks if you want to :-)

The menu at left seems rather complex and quite cool. Older browsers degrade gracefully and render a completely functional and pleasantly styled menu. It's just not interactive. Modern browsers, however, are quite a different story and render a delightfully interactive and eminently useable menu system.

(c) Copyright 2002 Project Seven Development. All Rights Reserved

Project Seven Development