MENU

Переливающийся фон сайта


Для приданию сайту какой-то индивидуальности и оригинальности можно воспользоваться нижеприведённым скриптом. После установки скрипта на сайт цвет фона его будет постоянно плавно переливаться от одного цвета к другому. Очень оригинально смотрится. Вы можете коды цвета в скрипте заменить на свои. Код скрипта очень большой, но в итоге получится красивый эффект.

JavaScript код:






< script type="text/javascript">
var body_colors=new Array("#FFFF00","#00FFFF","#66CC00","#884400","#77DD77",

"#FFAA00","#FFFF66","#BB66FF","#55BBFF")

var pause=2000, speed=20, steps=40, step=1

var hex_col = new Array('0','1','2','3','4','5','6','7','8','9',
'A','B','C','D','E','F')

var red_col_1, red_col_2, red_col_1_b, red_col_2_b
var green_col_1, green_col_2, green_col_1_b, green_col_2_b
var blue_col_1, blue_col_2, blue_col_1_b, blue_col_2_b

var rgb_red_from, rgb_green_from, rgb_blue_from
var rgb_red_to, rgb_green_to, rgb_blue_to
var rgb_red_now, rgb_green_now, rgb_blue_now

var rgb_red_from_b, rgb_green_from_b, rgb_blue_from_b
var rgb_red_to_b, rgb_green_to_b, rgb_blue_to_b
var rgb_red_now_b, rgb_green_now_b, rgb_blue_now_b

var color_A=0, color_B=1, color_C=1, color_D=2

var browser_infos=navigator.userAgent
var ie_4=document.all&&!document.getElementById
var ie_5=document.all
document.getElementById&&!browser_infos.match(/Opera/)
var ns_4=document.layers
var ns_6=document.getElementById&&!document.all
var Opera=browser_infos.match(/Opera/)
var browser_ok=ie_4||ie_5||ns_4||ns_6||Opera

function translate_rgb() {
var hexa=body_colors[color_A]
var hexa_red=hexa.substring(1,3)
var hexa_green=hexa.substring(3,5)
var hexa_blue=hexa.substring(5,7)
rgb_red_from=parseInt("0x"+hexa_red)
rgb_green_from=parseInt("0x"+hexa_green)
rgb_blue_from=parseInt("0x"+hexa_blue)
rgb_red_now=rgb_red_from
rgb_green_now=rgb_green_from
rgb_blue_now=rgb_blue_from

var hexa=body_colors[color_B]
var hexa_red=hexa.substring(1,3)
var hexa_green=hexa.substring(3,5)
var hexa_blue=hexa.substring(5,7)
rgb_red_to=parseInt("0x"+hexa_red)
rgb_green_to=parseInt("0x"+hexa_green)
rgb_blue_to=parseInt("0x"+hexa_blue)

var hexa=body_colors[color_C]
var hexa_red=hexa.substring(1,3)
var hexa_green=hexa.substring(3,5)
var hexa_blue=hexa.substring(5,7)
rgb_red_from_b=parseInt("0x"+hexa_red)
rgb_green_from_b=parseInt("0x"+hexa_green)
rgb_blue_from_b=parseInt("0x"+hexa_blue)
rgb_red_now_b=rgb_red_from_b
rgb_green_now_b=rgb_green_from_b
rgb_blue_now_b=rgb_blue_from_b

var hexa=body_colors[color_D]
var hexa_red=hexa.substring(1,3)
var hexa_green=hexa.substring(3,5)
var hexa_blue=hexa.substring(5,7)
rgb_red_to_b=parseInt("0x"+hexa_red)
rgb_green_to_b=parseInt("0x"+hexa_green)
rgb_blue_to_b=parseInt("0x"+hexa_blue)

color_A++; color_B++; color_C++; color_D++;

if (color_A>=body_colors.length) color_A=0
if (color_B>=body_colors.length) color_B=0
if (color_C>=body_colors.length) color_C=0
if (color_D>=body_colors.length) color_D=0

change()
}

function change() {
rgb_red_now=rgb_red_now-((rgb_red_from-rgb_red_to)/speed)
rgb_green_now=rgb_green_now-((rgb_green_from-rgb_green_to)/speed)
rgb_blue_now=rgb_blue_now-((rgb_blue_from-rgb_blue_to)/speed)

rgb_red_now_b=rgb_red_now_b-((rgb_red_from_b-rgb_red_to_b)/speed)
rgb_green_now_b=rgb_green_now_b-((rgb_green_from_b rgb_green_to_b)/speed)
rgb_blue_now_b=rgb_blue_now_b-((rgb_blue_from_b-rgb_blue_to_b)/speed)

if (rgb_red_now>255) rgb_red_now=255
if (rgb_red_now<0) rgb_red_now=0
if (rgb_green_now>255) rgb_green_now=255
if (rgb_green_now<0) rgb_green_now=0
if (rgb_blue_now>255) rgb_blue_now=255
if (rgb_blue_now<0) rgb_blue_now=0

if (rgb_red_now_b>255) rgb_red_now_b=255
if (rgb_red_now_b<0) rgb_red_now_b=0
if (rgb_green_now_b>255) rgb_green_now_b=255
if (rgb_green_now_b<0) rgb_green_now_b=0
if (rgb_blue_now_b>255) rgb_blue_now_b=255
if (rgb_blue_now_b<0) rgb_blue_now_b=0

if (step<=speed) {
red_col_1 = hex_col[Math.floor(rgb_red_now/16)];
red_col_2 = hex_col[Math.floor(rgb_red_now)%16];
green_col_1 = hex_col[Math.floor(rgb_green_now/16)];
green_col_2 = hex_col[Math.floor(rgb_green_now)%16];
blue_col_1 = hex_col[Math.floor(rgb_blue_now/16)];
blue_col_2 = hex_col[Math.floor(rgb_blue_now)%16];

red_col_1_b = hex_col[Math.floor(rgb_red_now_b/16)];
red_col_2_b = hex_col[Math.floor(rgb_red_now_b)%16];
green_col_1_b = hex_col[Math.floor(rgb_green_now_b/16)];
green_col_2_b = hex_col[Math.floor(rgb_green_now_b)%16];
blue_col_1_b = hex_col[Math.floor(rgb_blue_now_b/16)];
blue_col_2_b = hex_col[Math.floor(rgb_blue_now_b)%16];
var back_color = "#" + red_col_1 + red_col_2 + green_col_1 +
green_col_2 + blue_col_1 + blue_col_2
var back_color_b = "#" + red_col_1_b + red_col_2_b + green_col_1_b +
green_col_2_b + blue_col_1_b + blue_col_2_b
if (ie_5) document.body.style.filter =
"progid:DXImageTransform.Microsoft.Gradient(startColorstr="+back_color+",
endColorstr="+back_color_b+")"
else document.bgColor=back_color;

step++
var timer=setTimeout("change()", steps);

}
else {
clearTimeout(timer)
step=1
var timer=setTimeout("translate_rgb()", pause);
}
}

if (browser_ok) translate_rgb();
< /script>

Напоминаю, вверху и внизу кода (после копирования кода) уберите пробелы между скобками <  >