A New Way Of Linking With Scrollovers
Smashing Apps has been featured at Wordpress Showcase. If you like Smashing Apps and would like to share your love with us so you can click here to rate us.
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
<style>
   a.scrollover {
      /* Default Colour/Styles here */
      color: #557AFF;
   }
   a.scrollover em:first-line {
      /* Rollover Colour/Styles here */
      color: #FF5B3C;
   }
</style>
If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.
You May be Interested In More Interesting Free Resources
- 10 Excellent Free Web Apps To Create CSS Forms and Grids
- 7 Powerful Tools To Get Maps And Directions Online
- 13 Free Mac OS X Apps That You Probably Want To Try
- Take A Chance To Win Free Accounts With $30 Credit From DepositPhotos
- Open Source Collaboration Platform
- A Free Set With Curvy And Colorful Icons By DryIcons
- 11 Free Firefox 3 Themes You Probably Never Use Before
- 7 Best Free Image Hosting And Photo Sharing Websites
- Now It's Easy To-Do With Ta-da List
- Find Everything About Any Website With Quarkbase








Entirely lame. We might as well bring back the blink element. A bunch of unnecessary javascript to clutter up your d/l speed.
But you’re right about one thing. Users won’t expect it. Just like I don’t expect those double-hyphened underlined words on some websites that cause advertisements to pop open as my mouse cursor just brushes against them. Or just like the stupid Snap previews that everyone is using.
Just because you can….