Full version: jsB@nk » Link » Dynamic Resizing Links
URL: https://www.javascriptbank.com/dynamic-resizing-links.html
Dynamic Resizing Links is just as it says... Based off of the Dynamic Fading Links, but resizing intstead. Also Displays a Message to the user when a Link is Clicked.
Full version: jsB@nk » Link » Dynamic Resizing Links
URL: https://www.javascriptbank.com/dynamic-resizing-links.html
<STYLE type=text/css>BODY DIV#container A {BACKGROUND-COLOR: rgb(0,0,0); COLOR: lightyellow; FONT-SIZE: 15px; FONT-WEIGHT: bold}</STYLE><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><SCRIPT language=JavaScript type=text/javascript><!--var mess="yes"; // - Do You want a Message Displayed When Link is Clicked? [yes, no]var WaitMessage="Please Wait . . ."; // - Message displayed When Link is clicked right before redirecting to another pagevar fs=15; // - Minimum Font Size Must also Modify within CSS Style tagsvar MAXSIZE=40; // - Maximum Font Sizevar CLICKSIZE=100; // - Size When Clickedvar a=new Array();var sizeCount=0;var Timer;var holder="";window.onload=load;function load(){ a=document.getElementById('container').getElementsByTagName('a');}function LoadAll(arrayID){ if(sizeCount<MAXSIZE) { with(a[arrayID].style){ fontSize=sizeCount; border="2 white outset";}sizeCount+=2; } Timer=setTimeout("LoadAll("+arrayID+");",10);}function OMOver(arrayID){ holder=a[arrayID].innerHTML; clearTimeout(Timer); sizeCount=fs; LoadAll(arrayID);}function OMOut(arrayID){ a[arrayID].innerHTML=holder; sizeCount=MAXSIZE; with(a[arrayID].style){ fontSize=fs;border="0";}}function OMDown(arrayID){ with(a[arrayID]){ if(mess=="yes") innerHTML=WaitMessage;style.fontSize=CLICKSIZE; style.border="2 red inset";}}//--></SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><DIV id=container><A href="http://jsbank.topcities.com" onmousedown=OMDown(0) onmouseout=OMOut(0) onmouseover=OMOver(0)># One</A> <A href="http://http://jsbank.topcities.com" onmousedown=OMDown(1) onmouseout=OMOut(1) onmouseover=OMOver(1)># Two</A> <A href="http://http://jsbank.topcities.com" onmousedown=OMDown(2) onmouseout=OMOut(2) onmouseover=OMOver(2)># Three</A> <A href="http://http://jsbank.topcities.com" onmousedown=OMDown(3) onmouseout=OMOut(3) onmouseover=OMOver(3)># Four</A> <A href="http://http://jsbank.topcities.com" onmousedown=OMDown(4) onmouseout=OMOut(4) onmouseover=OMOver(4)># Five</A></DIV><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->