Link rollover animation javascript. Rollover effect to links.

Link Rollover Javascript
Rollover Effect to Links on Mouseover

Handy Tip : Adding javascript code to web pages can increase your visitors enjoyment within your site and make it a site to return for further exploration. There are many javascripts that add a visual touch and are also useful web site tools.

Bookmark This Page

Link Rollover Animation Javascript

Link rollover animation script thanks to Peter Gehrig

On mouseover your links will flash on and off or blink. Gives a great rollover effect to links on mouseover without the use of graphics.

Run your cursor over the examples below to see the link rollover effect. You can apply the script to as many links as you want.

Example Link 1

Example Link 2

Example Link 3

STEP 1

Copy and paste the first part of the script within the <head> and </head> of your html source. Alter nothing in this first step.

STEP 2

Place the code below where you want each link. Change the link url to suit and change the link number where it says id="link1" and again where it says "startanimation('link1')" for each following link. The second link will be "2". The third link "3" and so on.

<a id="link1" href="http://www.hypergurl.com" onMouseOver="startanimation('link1')" onMouseOut="stopanimation()" target="_blank">Example Link 1</a>

Hypergurl Hosting

IMPROVED PLANS
FREE Domain Name

web hosting and domain registration

NEW!
Blog for Webmasters

Website Design

Home