Textlink-Shaker onMouseOver

Just move your cursor over any textlink and the textlink starts shaking. Great, if you want to add a special effect that certainly draws more attention than simple style CSS-rollovers.

Over 2000+ free Javascript

at JavaScriptBank.com Website

Sampled by JavaScriptBank.com Mouse over this textlink to test.

Configuration:

Step 1: Open your webpage. Paste the following code between the <head> and </head> tags of your webpage:

/*
     This script downloaded from www.JavaScriptBank.com
     Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
*/

// CREDITS:
// Textlink-Shaker onMouseOver
// by Urs Dudli and Peter Gehrig 
// Copyright (c) 2000 Peter Gehrig and Urs Dudli. All rights reserved.

var oldtext
var newtext
var newlink
var speed=10
var i_speed=1.1
var i_text=1
var timer

function startshake(thislink) { 
    if (document.all) {
        newlink=eval("document.getElementById('"+thislink+"')")
        oldtext=newlink.childNodes[0].nodeValue
        shaketext()
    }
}

function shaketext() {
	if (speed<=200) {
		if (i_text<0) {newtext=oldtext+" "}
		else if (i_text>0) {newtext=" "+oldtext}
		newlink.childNodes[0].nodeValue=newtext; 
		i_text=i_text*-1
		speed=speed*i_speed
		timer=setTimeout("shaketext()",speed)	
	}
	else {
		clearTimeout(timer)
		speed=20
        newlink.childNodes[0].nodeValue=oldtext; 
    }
}

function stopshake() { 
    if (document.all) {
		clearTimeout(timer)
		speed=20
        newlink.childNodes[0].nodeValue=oldtext; 
    }
}

</script>

Step 2: Open your webpage. Paste the red and green code below right into your textlink-tags:
<a href="http://www.yahoo.com" name="somename" onMouseOver="startshake(this.name)" onMouseOut="stopshake()">textlink</a>

Step 3: Take care that you give a different name to each textlink (green code)!!!