Phiên bản đầy đủ: jsB@nk » Màu nền » Nền đổi màu
URL: https://www.javascriptbank.com/background-fader.html
Hiệu ứng làm cho màu nền của trang web tự động đổi sang màu khác.
Phiên bản đầy đủ: jsB@nk » Màu nền » Nền đổi màu
URL: https://www.javascriptbank.com/background-fader.html
<script language="javascript">/* This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com*/var begcolor='#0084d8'; // STARTING COLOR AS A HEX STRINGvar endcolor='#c4c4c4'; // ENDING COLOR AS A HEX STRINGvar steps=50; // TOTAL CHANGE STEPS FROM ONE COLOR TO THE OTHERvar delay=50; // DELAY BETWEEN EACH COLOR CHANGE. LOWER IS FASTER.//*** DO NOT EDIT BEYOND THIS POINT ***\\var data=new Array();var ns4=(document.layers)?true:false;for(i=1, j=1;i<=3; i++, j+=2)data[i]=new colorset(j);document.bgColor=begcolor;function colorset(num){this.beg=parseInt('0x'+begcolor.substring(num,num+2));this.end=parseInt('0x'+endcolor.substring(num,num+2));this.up=this.startup=(this.end>=this.beg)? true : false;this.incr=Math.abs(this.end-this.beg)/steps;this.current=this.beg;}function changebg(){var color=new Array();for(i=1;i<=3; i++){(data[i].up)? data[i].current+=data[i].incr : data[i].current-=data[i].incr;if(data[i].startup){if(data[i].current>=data[i].end){ data[i].up=false; data[i].current=data[i].end}if(data[i].current<=data[i].beg){ data[i].up=true; data[i].current=data[i].beg }}if(!data[i].startup){if(data[i].current<=data[i].end){ data[i].up=true; data[i].current=data[i].end}if(data[i].current>=data[i].beg){ data[i].up=false; data[i].current=data[i].beg}}color[i]=data[i].current;}color[4]=Math.floor(color[1]).toString(16); if(color[4].length==1)color[4]='0'+color[4];color[5]=Math.floor(color[2]).toString(16); if(color[5].length==1)color[5]='0'+color[5];color[6]=Math.floor(color[3]).toString(16); if(color[6].length==1)color[6]='0'+color[6];document.bgColor='#'+color[4]+color[5]+color[6];}window.onload=function(){setInterval('changebg()',delay);// TO DISABLE THIS EFFECT IN NS4 BROWSERS, CHANGE THE LINE// ABOVE TO READ://if(!ns4)setInterval('changebg()',delay);}</script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->