A New Way Of Linking With Scrollovers
You may be interested in our latest giveaway where you can Make A Promise To Save The Environment In Your Own Way And Get 500GB File Hosting Account For Free
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 leavea comment or subscribeto the feed and get future articles delivered to your feed reader.
You May be Interested In More Interesting Free Resources
- 75+ Excellent Collection of Tutorials, Inspirations And Resources For Designers To Discover The Best Of The Web In July
- The Best Ajax Scripts Collection
- Launch A Free And Synchronized Document Collaboration Web-Meeting With Anyone
- Onyaka, The Simple And Free Staff Scheduling And Planning Software
- Epiware, A Powerful Open-Source Alternative For Enterprise Web Based Document Management For Your Document Sharing Needs
- Free Tool To Count Words In PDF, HTML, XML, CSV, And Text Files
- A Revolutionary Way For Designers To Control Versions Of Adobe Photoshop Files
- 21 Amazing Firefox Ad-Ons That You Must-Have In 2009
- 3D Portraits That Make You Say 'Wow'
- 21 Extremely Vibrant And Creative Advertisements With Animals




![header=[Community Software Experts] body=[Download free software and launch your own social network, dating site or online community.]](http://www.smashingapps.com/banner/boonex-100x100.png)
![header=[Open Source Data Visualization Components] body=[With Visifire you can create and embed animated charts in minutes.]](http://www.smashingapps.com/banner/visifire-banner-100x100.gif)
![header=[Premier Survey] body=[Create your own free survey in just 10 minutes!]](http://www.smashingapps.com/banner/premierysurvey-banner.jpg)
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….