»
EnglishFrenchVietnamese

Print - Textlink-Shaker onMouseOver - JavaScriptBank.com

Full version: jsB@nk » Link » Textlink-Shaker onMouseOver
URL: https://www.javascriptbank.com/textlink-shaker-onmouseover.html

Textlink-Shaker onMouseOver © JavaScriptBank.comJust 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.

Full version: jsB@nk » Link » Textlink-Shaker onMouseOver
URL: https://www.javascriptbank.com/textlink-shaker-onmouseover.html



JavaScript
<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 oldtextvar newtextvar newlinkvar speed=10var i_speed=1.1var i_text=1var timerfunction 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*-1speed=speed*i_speedtimer=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-->


HTML
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-->