This is my link. There are many like it, but this one is mine
(hover over the links above)

What have we here?

Scrollovers are a way to quickly and easily add flair to your web pages, giving your users an experience they weren't expecting.

Integration of Scrollovers into your web site couldn't be easier, even if you’ve already built the site that you want to include Scrollovers on. In just minutes you will be able to have them appearing on your own pages.

A major advantage of Scrollovers being created using standard HTML and Javascript is the option of applying CSS styling, just like you would on any other Hyperlink.

How do I add it to my pages?

  • Copying the code below into your page (alternatively you can download the file here)
    <script type="text/javascript" src="http://www.scrollovers.com/js/scrollovers.js"></script>
  • Your links should look similar to the one below
    <a href="[YOUR PAGE HERE]" class="scrollover" type="scrollover">[YOUR TEXT HERE]</a>
  • Make it pretty (see below)
Copy the styling code below into your page or stylesheet

Use the colour pickers below to customise your look

Select Default Colour
Click above
Select Rollover Colour
Click above
 
TEST HOVERING HERE

Advanced User Information

  • You can change the scroll speed by editing scrollovers_ScrollSpeed
  • If you prefer the links to roll up, set scrollovers_ScrollDownOnMouseOver to false
  • To make every link into a Scrollover without having to set the Type attribute, set the scrollovers_TypeName variable to an empty string in the javascript
  • If you need to Nudge the start position you can use the scrollover_Nudge class.
    a.scrollover .scrollover_Nudge {
       top:-1px;
    }

Browser Compatability

Scrollovers have been extensively tested using the following browsers:

  • Firefox 2.0
  • Internet Explorer 7
  • Internet Explorer 6
  • Internet Explorer 5.5
  • Safari 3 (Windows)
  • Opera 9

If you encounter any rendering problems and/or have tested Scrollovers on any browser not listed, please feel free to drop me a note.

Licensing

May be used for personal and business use, but may never be sold or used in a product that is not free without my consent.

Contact

moc.srevollorcs@ffets