Question

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

查看此网站http://www.youngblackstarz.org

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

如何帮助我解决这个问题？

提前谢谢你。

Answer 1

演示：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>

Answer 2

这里的信息可以帮到你。

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

JQuery Random Background color and color, on 2 div's

Answer 3

您可以使用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>

Answer 4

也许这会有所帮助：

    $(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

上传每张图片，并根据需要增加数量和总数量。

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

希望这有帮助

如何在刷新时更改背景？

4 个答案: