簡體   English   中英

刷新時更改背景顏色

[英]Change background color on refresh

我希望每次刷新頁面時,網站的正文背景顏色都不同。 您能告訴我如何使用Javascript或PHP完成此操作嗎? 謝謝。

使用此功能非常簡單:

使用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);
});

您可以在瀏覽器端使用JavaScript進行此操作,例如保留多種顏色並從中選擇一種。 使用所選顏色的數組將確保您不會遇到一些可能完全妨礙可讀性的晦澀的顏色。

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

document.body.style.background=bgColors[Math.floor(Math.random()*bgColors.length)]
<?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>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM