CSS & Scripts

Have your own custom alert boxes for your site

Go directly to an anchor in a layer

Scroll to an anchor in a layer

Auto center your layer in a window

Maintain a specific ratio between layer and window

Border over background image

Simple but workable buttons

A simple effect applied to form buttons

Swapping your style sheets

A couple of examples of dragging layers

Create a simple drop down menu

A few examples of expanding and collapsing a div

This example scrolls open the hidden content to the contents height
Expand & Collapse 4b
As above but the keyword text changes
Expand & Collapse 4 Fade
This one has a fade effect

One element fades out while another element fades in

A floating layer that follows the windows scrolling

As above but drag-able

A look at hiding and showing elements using the visibility and display properties

Simple rollover effect without the use of javascript

Highlight onmouseover, unhighlight onmouseout, remain highlighted onclick

Mouseover effects using the Object Constructor

Position a div in the page where the calling element was clicked

Popup static tooltip for links, text, and images

Popup mobile tooltip fades in and follows the cursor while over the link, text, or image

A preset effect to scroll multiple layers

Scroll the contents of a div up/down or back to the top Scroll - Div h

This version uses the clip method mainly for NS7

Scroll a layer down into view

Scroll a layer left, can be scrolled into view and returned to the original position

Two scripts with slightly different effects

Scroll a page sized layer

Three scripts with slightly different effects

Create a custom scrollbar Scrollbar - Custom V
Verticle version

Scroll one layer with a second layers scrollbar

A layer that simulates a popup but with a scroll in effect'

Continuous Scroll, messages fade in

Scrolls horizontally left and right. Visitor adjustable the pause rate

Messages scroll up sequencially and pause. The message changes when scroll at top.

Playing around here, got a spinning wheel type effect or two

Keep an element in the same position when scrolling

Have one layer replace another

Change Table Cell Background Colour Onmouseover etc

Change Text Size, Colour, Font, etc Onmouseover

Fade text between two colours

Grow your own text

A manually increase or decrease the size of the text in your page

Text fades in then out

Fade text onmouseover, onmouseout, with stay onclick

Text is highlighted one word at a time

Highlight text onmouseover

Reveal text one word at a time, the revealed word is faded in

Continuous Horizonal text scroller

Continuous Vertical text scroller

A "Whats New" sliding layer

Applying attributes to your page

Every element on a page is considered to be contained in a box

Borders can be placed around every CSS element

Preventing the next event handler in the hierarchy from receiving the event

Changing class names using Javascript

Limit the viewing area of a layer, image etc

A brief look at some of the properties of CSS

Get the cursor position within a div

A brief look at Doctype Strict

Get the Element or Objects position within a page

Get the Element or Objects position within a table

Using opacity to fade an element.

Float allows for additional positioning

Creating and positioning layers

Animating a layer

These layouts are only basic examples and may need further attention to make them more suitable for some browsers

Keeping your footer at the bottom of the page - Javascript

Using more than one class with an element

Allows control over the showing of scrollbars

Referencing embedded style rules with Javascript

Rendering layers the same in IE and Gecko browsers

Apply a different style to form element types

Stacking order of layers