刷新时更改背景颜色

时间:2013-08-21 07:21:16

标签: php javascript random

每次刷新页面时,我希望我的网站为身体提供不同的背景颜色。你能告诉我如何使用Javascript或PHP完成这项工作吗?谢谢。

3 个答案:

答案 0 :(得分:0)

使用此功能非常简单:

使用PHP

<?php

function random_bg() {
    return strtoupper(dechex(rand(0,10000000)));
}

?>

<body style="background-color: #<?php echo random_bg();?>">

使用jQuery

$(document).ready(function () {
    var color = 'rgb(' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ')';
    $('body').css('background', color);
});

答案 1 :(得分:0)

您可以在浏览器端使用JavaScript执行此操作,例如保留一组颜色并从中选择一个。使用选定颜色的数组将确保您不会遇到一些可能完全妨碍可读性的模糊颜色。

var bgColors=new Array("#AAAAA", "#FFFFF", "#DDDFFF", "#CCCCCC", "#333333", "#FFCC11", "#FFFFFF", "#DDDD00")

document.body.style.background=bgColors[Math.floor(Math.random()*bgColors.length)]

答案 2 :(得分:0)

<?php

  $color_list = array("green","red","white"); //colors that you wish

  bg = $color_list[rand(0,count($color_list))];

?>

<body bgclor="<?php echo bg; ?> ">

</body>