Question

对于每次重新加载我想要更改文本，我也想更改背景颜色我该怎么做？我也可以使用PHP。我这个编码PHP的东西是不需要的以下是我的代码的骨架

CSS

.rotate
{
    background-color:#9C6;
}

的Javascript

$(document).ready(function(){
    $('#myTxt').html("hai");
});

HTML

<div class="rotate" style="border: 1px red solid; height:100px; width:200px;">
   <span id="myTxt"></span>
</div>

Answer 1

在HTML文件中使用PHP：

<?php $colors = array("#f00", "#0f0", "#00f", "#c0c0c0", "#abcdef"); ?>
  <style>
    .rotate
    {
        background-color:<?php echo $colors[array_rand($colors)] ?>;
    }
    </style>

Answer 2

获取array种颜色和文字内容，动态更改div内的内容和文字

String colors = ["red","green","blue",....up to 11];
String text = ["Murali","Bobby","Candy"....up to 11];

var x = Math.floor((Math.random()*10)+1);
$('#myTxt').html(text[x]);
$(".rotate").css("backgroundColor",colors[x]);

如何更改每个页面重新加载的样式和测试

2 个答案: