Phiên bản đầy đủ: jsB@nk » Màu nền » Màu nền từ đen sang trắng
URL: https://www.javascriptbank.com/fading-background-effect.html
Hiệu ứng có tác dụng chuyển màu nền của trang web từ đen sang trắng mỗi khi người dùng chuyển tới, lui trang khác hay reload lại trang hiện hành.
Phiên bản đầy đủ: jsB@nk » Màu nền » Màu nền từ đen sang trắng
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-->