【问题标题】:Change background color on refresh刷新时更改背景颜色
【发布时间】:2013-08-21 07:21:16
【问题描述】:

我希望我的网站在每次刷新页面时都具有不同的正文背景颜色。你能告诉我这将如何使用 Javascript 或 PHP 来完成吗?谢谢。

【问题讨论】:

  • 跑题了!你可以寻求帮助,但不能寻求代码!
  • @ch4nd4n 阅读帮助后!我发现这个问题实际上是主题!对不起,我的坏事。

标签: php javascript random


【解决方案1】:

您可以在浏览器端使用 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】:
    <?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>
    

    【讨论】:

      【解决方案3】:

      这个功能很简单:

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

      【讨论】:

        猜你喜欢
        • 2012-10-08
        • 1970-01-01
        • 1970-01-01
        • 2016-03-20
        • 1970-01-01
        • 1970-01-01
        • 2013-08-08
        相关资源
        最近更新 更多