Full version: jsB@nk » Background » Fading background effect
URL: https://www.javascriptbank.com/fading-background-effect.html
A fading background script that fades from black to white as someone enters the page
Full version: jsB@nk » Background » Fading background effect
URL: https://www.javascriptbank.com/fading-background-effect.html
<script language="javascript">/* This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com*/<!--// convert decimal value (0 - 255) to hexadecimal// (use .toString(16) method supported by IE)function toHex(dec) { // create list of hex characters var hexCharacters = "0123456789ABCDEF" // if number is out of range return limit if (dec < 0) return "00" if (dec > 255) return "FF" // decimal equivalent of first hex character in converted number var i = Math.floor(dec / 16) // decimal equivalent of second hex character in converted number var j = dec % 16 // return hexadecimal equivalent return hexCharacters.charAt(i) + hexCharacters.charAt(j)}// set background color to specified descriptorsfunction setbgColor(red, green, blue) { document.bgColor = "#" + toHex(red) + toHex(green) +toHex(blue)}// fade from start to end descriptors (increase step to increase transition speed)function fade(sred, sgreen, sblue, ered, egreen, eblue, step) { // loop to create fade effect for(var i = 0; i <= step; ++i) { // set current red descriptor var red = Math.floor(sred * ((step - i) / step) + ered* (i / step)) // set current green descriptor var green = Math.floor(sgreen * ((step - i) / step) +egreen * (i / step)) // set current green descriptor var blue = Math.floor(sblue * ((step - i) / step) +eblue * (i / step)) // set background color according to descriptors setbgColor(red, green, blue) }}// --></SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><body onLoad="fade(0, 0, 0, 255, 255, 255, 64)" onUnload="fade(255, 255, 255, 0, 0, 0, 64)"><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->