A New Way Of Linking With Scrollovers

A New Way Of Linking With Scrollovers 1


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.

How do you add it to your pages?

  • Copying the code below into your page (alternatively you can

    <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

   a.scrollover {
      /* Default Colour/Styles here */
      color: #557AFF;
   a.scrollover em:first-line {
      /* Rollover Colour/Styles here */
      color: #FF5B3C;

SmashingApps.com participates in various affiliate marketing programs and especially Amazon Services LLC Associates Program, which means we may get paid commissions on editorially chosen products purchased through our links to any of the linked sites from us.