Flashlike rollover-animation for all your links

Entertain your visitors with this cute little rollover-animation and enhance the visual impact for all your textlinks. The effect looks and behaves like a Flash animation. However it's pure and simple DHTML! The sequel to one of our most popular scripts! Very easy to install!

Over 2000+ free Javascript

at JavaScriptBank.com Website

Sampled by JavaScriptBank.com Just move your mouse over this textlink to test the rollover-animation.

Configuration:

Step 1: Open your webpage. Paste the following code right below the <body> tag of your webpage:

<SCRIPT>
// CREDITS:
// Flashlike rollover-animation for all your links
// by Urs Dudli and Peter Gehrig 
// Copyright (c) 2000 Peter Gehrig and Urs Dudli. All rights reserved.

// the number of rings
var ringnumber=4

// do not edit the code below
var x,y
var timer
var i_fontsize=new Array
var step=new Array
ringnumber=ringnumber-1
var maxfontsize=600
var startfontsize=1

for (i=0;i<=ringnumber;i++) {
	i_fontsize[i]=startfontsize
	step[i]=ringnumber*i*10
	startfontsize=(maxfontsize/ringnumber)*(i+1)
}

function cursorposition(e){
	x=event.clientX+document.body.scrollLeft
	y=event.clientY+document.body.scrollTop
}

function hiderings(e){
if (document.all) {
	clearTimeout(timer)
	startfontsize=0
	for (i=0;i<=ringnumber;i++) {
		thisring=eval("document.all.ring"+i+".style")
		thisring.visibility="hidden"
		i_fontsize[i]=startfontsize
		step[i]=ringnumber*i*10
		startfontsize=Math.floor((maxfontsize/ringnumber))*(i+1)
	}
}
}

if (document.all) {
	document.onmousemove=cursorposition;
}

if (document.all) {
	for (i=0;i<=ringnumber;i++) {
	document.write("<DIV id='ring"+i+"' style='position:absolute;font-family:Verdana;'>o</DIV>")
	}
	document.write("<DIV style='position:relative;'>")
}
</SCRIPT>

IMPORTANT: Do not paste this code into tables or <DIV> and </DIV> or between any other container!

Step 2: Add the following red code right into your textlinks or imagelinks:
<a href="http://www.yourlink.com" onMouseOver="showrings()" onMouseOut="hiderings()">