View Single Post
  #1  
Old 02-24-2010, 09:18 AM
JavaScriptBank JavaScriptBank is offline
Senior Member
GB Guru
 
Join Date: Sep 2009
Posts: 180
Default Helpful JavaScript for Web development

Good and Nice JavaScripts

Rating star script

Need a system to rate an item on your web page? Let's implement the simple script to do that. This script is very easy to setup and modify, you only copy all JavaScript code into your web page (should... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


How to setup

Step 1: Copy & Paste JavaScript code below in your HEAD section
JavaScript
Code:
<SCRIPT language=JavaScript>
string="<a href='http://javascriptbank.com/' style='text-decoration: none;'>JavaScriptBank.com</a>"   // string to elastic text
pausetime=100; // time to elastic effect. Decrease to slow

// do not modify below this line
var sizes = new Array("-8px","-4px","-2px","-1px","0px", "1px", "2px", "4px", "8px", "16px", "32px");
sizes.pos = 0; 

function rubberBand()
 {
  var el = document.all.elastic;
  if (el.direction==null)  {el.direction = 1;}
  else if ((sizes.pos > sizes.length-2) || (sizes.pos==0)) {el.direction *= -1;}
  el.style.letterSpacing = sizes[sizes.pos += el.direction];
  setTimeout('rubberBand()',pausetime);
}
rubberBand();

</SCRIPT>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->
Step 2: Copy & Paste HTML code below in your BODY section
HTML
Code:
<P id=elastic style="FONT-SIZE: 25px; POSITION: relative; TOP: 20px" align=center>
<!-- put desired text below. Replase my text.  HTML tag allowed-->
<A href="http://javascriptbank.com/" style="text-decoration: none;">JavaScriptBank.com</A>
<!-- put desired text above. Replase my text. HTML tag allowed -->
</P>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->





JavaScript Enlarge Image - JavaScript Fading Slide Show - JavaScript Rotating Image script
Quote:
Originally Posted by Copyright
The Site may provide, or third parties may provide, links to non-JavaScriptBank.com Internet World Wide Web sites or resources. Because JavaScriptBank.com has no control over such sites and resources, you acknowledge and agree that JavaScriptBank.com is not responsible for the availability of such external sites or resources, and does not endorse and is not responsible or liable for any content, advertising, products, or other materials on or available from such sites or resources. You further acknowledge and agree that JavaScriptBank.com shall not be responsible or liable, directly or indirectly, for any damage or loss caused or alleged to be caused by or in connection with use of or reliance on any such content, goods or services available on or through any such site or resource.
Reply With Quote