Uncle Jim's Web Designs
JavaScript Examples

Link Transitions

A link transition is a slick little tool for those using Internet Explorer browser. People using other browsers will only see a solid color on mouseover.

Click here to see a Demo

First you need to upload the link.htc file to the main directory of your server. (Some free hosts do not allow use of this file).

Next, add the following tag to your regular style sheet. (it is a stand alone tag):

Replace the word attribute above with one of the following attributes:

barn
checkerboard
dissolve
fade
gradientwipe
inset
iris
pixelate
radialwipe
radialwipe(wipestyle='radial')
randombars
slide
spiral
stretch(stretchstyle='push')
stretch(stretchstyle='spin')
strips
wheel
zigzag

The number "1" after the word duration is the length of time of the effect. You can lengthen this time by increasing the number, for instance using 2 instead of 1, or if you want to shorten the time you can use, for instance, .5.





Close This Window