Member of:
ISOC
IWA
ARTT
RTS

Textlink-Shaker onMouseOver

Just move your cursor over this textlink and the textlink starts shaking. Great, if you want to add a special effect that draws more attention than any other simple CSS-rollovers. Very easy setup. Requires Internet Explorer 5 or higher.

Configuration:

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

<SCRIPT language="JavaScript"> // CREDITS: // Textlink-Shaker onMouseOver // by Urs Dudli and Peter Gehrig // Copyright (c) 2000 Peter Gehrig and Urs Dudli. All rights reserved. // Permission given to use the script provided that this notice remains as is. // Additional scripts can be found at http://www.24fun.com/fast/index.html // info@24fun.com // 1/5/2001 // IMPORTANT: // If you add this script to a script-library or a script-archive // you have to insert a link to http://www.24fun.com/fast/index.html // right into the webpage where the script will be displayed. // CONFIGURATION: // Go to http://www.24fun.com/fast/index.html, open category 'utility' and // download the ZIP-file of this script containing // the script-file with colorized step-by-step instructions for easy configuration 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)!!!

Privacy Policy | Terms of Service
© 1999 - 2008, MultiMedia SRL
Send articles and materials to be published on this website to: Publishing
If you see unauthorized or illegal materials on this website, please send an e-mail to: Abuse