« »

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.

Label: Textlink-Shaker onMouseOver

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Code
JavaScript
HTML
Print

Copy All x2

<SCRIPT language=JavaScript> 

// 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>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

Mouse over this <a name="link1" onmouseout="stopshake()" onmouseover="startshake(this.name)" href="http://JavaScriptBank.com">textlink</a> to test.
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->