AceJS.com > Script number: 120016

The Script

You can use this script to produce a unique text effect without having to use images to slow down your website.

The Source

<HTML>
<HEAD><TITLE>Free Scripts And Tools For Webmasters @ www.AceJS.com</TITLE>
</HEAD>
<BODY>

<STYLE type="text/css">
.textprop {font-family:arial; font-size:14pt; font-weight:bold;}
</STYLE>

<div id ='textL' class=textprop>
<SCRIPT LANGUAGE="JavaScript">
var startcolor = "0000FF"; // Start color in hexadecimal
var endcolor = "FF0000"; // End color in hexadecimal

var h="0123456789ABCDEF";var Fullrgb = "#000000";function gradient(string, startcolor, endcolor) {startcolor = "0x" + startcolor;endcolor = "0x" + endcolor;var len = string.length;var color;var start_red = startcolor >> 16;var start_green=(startcolor & 0x00FF00) >> 8;var start_blue=startcolor & 0x0000FF; var end_red = endcolor >> 16; var end_green= (endcolor & 0x00FF00) >> 8; var end_blue = endcolor & 0x0000FF; var incRed = Math.floor((end_red - start_red) / len); var incGreen = Math.floor((end_green - start_green) / len); var incBlue = Math.floor((end_blue - start_blue) / len); for (var x=0; x < len; x++) {if (start_red + incRed >= 0x00 && start_red + incRed <= 0xFF) start_red += incRed; if (start_green + incGreen >= 0x00 && start_green + incGreen <= 0xFF) start_green += incGreen; if (start_blue + incBlue >= 0x00 && start_blue + incBlue <= 0xFF) start_blue += incBlue; color = hex(merge(start_red, start_green, start_blue)); color = Fullrgb.substring(0, 6 - color.length + 1) + color; document.write("<font color = " + color + ">", string.charAt(x), "</font>");}}function merge(r, g, b) {   return (r << 16 | g << 8 | b);}function hex(c) {var temp = "";var hexStr = "";var remainder, i;for ( ; c != 0; c >>= 4) {remainder = c % 16;hexStr += h.charAt(remainder);}for (i=5 ; i >= 0; i--)temp += hexStr.charAt(i);return temp;}

gradient("AceJS.com", startcolor, endcolor); 
</SCRIPT>
</div>
<P>
<B><A HREF="http://www.AceJS.com">AceJS.com</A> The JavaScript Directory</B>
</BODY>
</HTML>