Смена фона

Автоматическая плавная смена фонаRSS-лента темы
  1. Автор темы

    Stick

    Посетители

    Сообщений: 2

    Спасибок: 5

    (0|0 )

    Доброго времени суток. Не подскажете ли, как сделать автоматическую плавную смена фона страницы? Смена именно цвета, не картинками. Грубо говоря страница html, открываешь, а там допустим черный и красный цвет на фоне плавно меняют друг друга.

    Спасибо заранее...
    6 апреля 2015 - 00:22 / #1
  2. Alexand3r

    Посетители

    Сообщений: 30

    Симпатий: 3

    Спасибок: 0

    (0|0 )

    <script language="javascript">
    
    var begcolor='#0084d8';      // STARTING COLOR AS A HEX STRING
    var endcolor='#c4c4c4';      // ENDING COLOR AS A HEX STRING
    var steps=50;                // TOTAL CHANGE STEPS FROM ONE COLOR TO THE OTHER
    var delay=50;                // DELAY BETWEEN EACH COLOR CHANGE. LOWER IS FASTER.
    
    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); } </script>
    6 апреля 2015 - 14:25 / #2

Статистика форума

Создано тем
1740
Написано сообщений
8857
Пользователей
84395
Новый участник
Anatoly Yakobchuk