Rainbow Fade - JavaScript Made Easy: Free JavaScripts Tutorials Example Code

WebSiteMadeEasy.net

|

FontsMadeEasy.com

|

RankChecker.net

Submit your Script

Google Search:

Learn Java Script Today

|

Over 5000 Free Fonts

|

|

Javascript Forum

|

Other Javascript Resources

|

JavaScript Basics

Inserting Javascript

Complete Tutorial

Advance DHTML Tutorial


Rainbow Fade		[View Sample]

This script demonstrates yet another way to get your visitor's attention - with a rainbow fade! Just take a look! It's neat! The Script will work in most recent web browsers including FireFox


Insert into <HEAD>


Insert into <BODY>
<SCRIPT LANGUAGE="JavaScript"> <!-- Original: Jenny Lam (tabiko@sprint.ca) --> <!-- Web Site: http://www.geocities.com/Tokyo/Ginza/3379 --> <!-- Begin var hexChars="0123456789ABCDEF"; function Dec2Hex (Dec) { var a=Dec % 16; var b=(Dec - a)/16; hex="" + hexChars.charAt(b) + hexChars.charAt(a); return hex; } function bgChanger (begin, end, steps) { steps=steps-1 ; redA=begin.charAt(0) + begin.charAt(1); red_valA=parseInt(redA,'16'); redB=end.charAt(0) + end.charAt(1); red_valB=parseInt(redB,'16'); red_int=((red_valB - red_valA) / steps) * -1; grnA=begin.charAt(2) + begin.charAt(3); grn_valA=parseInt(grnA,'16'); grnB=end.charAt(2) + end.charAt(3); grn_valB=parseInt(grnB,'16'); grn_int=((grn_valB - grn_valA) / steps) * -1; bluA=begin.charAt(4) + begin.charAt(5); blu_valA=parseInt(bluA,'16'); bluB=end.charAt(4) + end.charAt(5); blu_valB=parseInt(bluB,'16'); blu_int=((blu_valB - blu_valA) / steps) * -1; step=2; red=red_valA; grn=grn_valA; blu=blu_valA; while ( steps >= step ) { red-=red_int; red_round=Math.round(red); red_hex=Dec2Hex(red); grn-=grn_int; grn_round=Math.round(grn); grn_hex=Dec2Hex(grn); blu-=blu_int; blu_round=Math.round(blu); blu_hex=Dec2Hex(blu); document.bgColor=red_hex + grn_hex + blu_hex; step++; } } bgChanger("000000","000000",60); bgChanger("000000","FF0000",60); bgChanger("FF0000","000000",60); bgChanger("000000","AA00EE",60); bgChanger("AA00EE","000000",60); bgChanger("000000","0000FF",60); bgChanger("0000FF","000000",60); bgChanger("000000","000000",60); window.location="page2.html"; // End --> </script> <!-- STEP TWO: Change page2.html to the HTML document to go to after the fade -->

Other Options