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

2 div の JQuery ランダム背景色と色

于 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 の場合、「assets」を「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 に答える