2012-05-15 100 views

回答

2

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

上传的每个图像和增加数量,并为TOTALCOUNT你想要多少。

为WordPress变“资产”到“的wp-content /上传/年/月/文件名,NUMBER.jpg”

希望这有助于

相关问题