您好我想知道是否有一个代码或查询,让我的背景,以改变在每次刷新时,以及与后台背景颜色以及我如何在刷新时更改我的背景?
看看这个网站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”
希望这有助于
这正是可以做一个非常有效的方法.. .. :)谢谢你的答案 –