some code & motion...

As used in the navigation at the top of this page, this is a cross-browser navigation dhtml/scripting solution. css is used for positioning the <div> elements which are the blocks of the navigation, javascript used for dynamic css modification.

download zip (16k) - this contains a small example page and associated files.

see it in action - on a simple page.

As used on this page to reveal the text for each topic. This is a standards-compliant browser dhtml/scripting solution, useful for a variety of uses - as a sub-navigation solution to reveal individual second-tier links, or as an alternative to the archaic named anchor method of navigating paragraphs/faqs etc. on a single page. The script is easily modified between a simple toggle function & a full auto-closing function (where only one subsection will be open at a time)

download zip - this contains an example page

see it in action - on a simple page.

There a a few different examples of this on the site. The home page uses a customised version to fade between images much like a traditional animated gif. It is also used on the portfolio page to provide a smoother transition between images.

This is an IE only script as the css filters used are custom IE additions. It fails relatively gracefully in other browsers, just swapping between images rather than fading between.

download zip - this contains a few examples & associated pages.

see it in action - on a simple page.

This emulates the 'ease-in' style of Flash movement, scrolling the page in smaller and smaller increments until it reaches its destination. Can be modified to scroll along the x-axis or y-axis (left-right-left or up-down-up).

download zip - this contains an examples & associated pages/files.

see it in action - on a simple page