Version complète: jsB@nk » Arrière-plan » Contexte Fader
URL: https://www.javascriptbank.com/background-fader.html
Cet JavaScript les changements couleur de fond entre deux valeurs préréglées. Vous pouvez définir le début la couleur, la couleur de la fin, le nombre de changements de couleur entre les deux, et le délai entre les changements.
Version complète: jsB@nk » Arrière-plan » Contexte Fader
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-->