2

嗨，我想知道是否有代码或查询允许我的背景在每次刷新时更改，以及背景颜色与背景一样

看看这个网站http://www.youngblackstarz.org

请注意，每次刷新时，背景都会发生变化，并且背景颜色也会与之协调。

这是如何完成的，任何人都可以帮我解决这个问题吗？

先感谢您。

4

4 回答 4

3

演示：http ://demos.9lessons.info/bgchange/index.html

bgimages -- 1.jpg -- 2.jpg -- 3.jpg

<script type="text/javascript">
var totalCount = 8;
function ChangeIt()
{
var num = Math.ceil( Math.random() * totalCount );
document.body.background = 'bgimages/'+num+'.jpg';
document.body.style.backgroundRepeat = "repeat";// Background repeat
}
</script>
</head>
<body>
// Page Design
</body>
<script type="text/javascript">
ChangeIt();
</script>
于 2012-05-15T06:07:15.590 回答
1

这里的信息可以帮助你。

http://www.markinns.com/articles/full/simple_two_line_image_randomiser_script_with_jquery

JQuery 随机背景颜色和颜色，在 2 个 div 上

于 2012-05-15T06:05:39.927 回答
0

也许这会有所帮助：

    $(document).ready(function() {

var totalCount = 2;

    var num =  Math.ceil( Math.random() * totalCount );
    document.body.background = 'assets/background-'+num+'.jpg'; 
    });

我已经整理了一下代码。每分钟计数为 2。

文件将进入http://www.yoursite.com/assets/background-1.jpg

上传每张图片并根据需要增加 number 和 totalCount。

对于 Wordpress，将“资产”更改为“wp-content/uploads/yy/mm/filename-NUMBER.jpg”

希望这可以帮助

于 2013-04-25T14:32:02.200 回答
0

你可以使用 Javascript 做这样的事情

   <script type="text/javascript">

   function changeBackground() {



    var new_date = new Date();
    var no_of_imgs = 7;
    var no_of_second = new_date.getSeconds();
    var bal_no = no_of_second % no_of_imgs;
var bg_img ="";

    if (bal_no == 0)
{

    bg_img ='<div class="template_row bg_img_a" id="main_content_pane">'; 
    }
    if (bal_no == 01)
{

    bg_img ='<div class="template_row bg_img_e" id="main_content_pane">';       

    }
    if (bal_no == 02)
{       

    bg_img ='<div class="template_row bg_img_g" id="main_content_pane">';
    }    

 if (bal_no == 03)
{

    bg_img ='<div class="template_row bg_img_d" id="main_content_pane">';

    } 

 if (bal_no == 04)
{       

    bg_img ='<div class="template_row bg_img_b" id="main_content_pane">';

    } 

 if (bal_no == 05)
{       
    bg_img ='<div class="template_row bg_img_f" id="main_content_pane">';

    } 

 if (bal_no == 06)
{

    bg_img ='<div class="template_row bg_img_c" id="main_content_pane">';       

    } 

//Print the relevant Div here   
document.write(bg_img);
    }

    $(document).ready(function()
    {
      changeBackground();
    });

   </script>
于 2012-05-15T06:15:55.310 回答