您好我想知道是否有一個代碼或查詢,讓我的背景,以改變在每次刷新時,以及與後臺背景顏色以及我如何在刷新時更改我的背景?
看看這個網站http://www.youngblackstarz.org
公告在每次刷新時都會改變背景顏色和背景顏色。
這是怎麼做的,任何人都可以幫我弄清楚這一點?
謝謝您提前。
您好我想知道是否有一個代碼或查詢,讓我的背景,以改變在每次刷新時,以及與後臺背景顏色以及我如何在刷新時更改我的背景?
看看這個網站http://www.youngblackstarz.org
公告在每次刷新時都會改變背景顏色和背景顏色。
這是怎麼做的,任何人都可以幫我弄清楚這一點?
謝謝您提前。
演示: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>
你可以做像這樣使用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>
也許這將幫助:
$(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」
希望這有助於
這正是可以做一個非常有效的方法.. .. :)謝謝你的答案 –