HTML中如何自动切换页面背景图片

附js主要代码：

一、切换body图片

//定义一个存放照片位置的数组，可以放任意个，在这里放3个
var arr = new Array();
arr[0] = "img/1.jpg";
arr[1] = "img/2.jpg";
arr[2] = "img/3.jpg";
setInterval(changeImg, timeInterval);
function changeImg() {
if (curIndex == arr.length - 1) {
curIndex = 0;
} else {
curIndex += 1;
}

//设置body的背景图片
document.body.style.backgroundImage = "URL("+arr[curIndex]+")"; //显示对应的图片
}
</script>

二、切换div背景

//获得id名为d1的对象
var obj = document.getElementById("d1");
if (curIndex == arr.length - 1) {
curIndex = 0;
} else {
curIndex += 1;
}
//设置d1的背景图片
obj.style.backgroundImage= "URL("+arr[curIndex]+")"; //显示对应的图片
}
</script>

HTML中如何自动切换页面背景图片相关推荐

巧妙的有css合并图片解决tab切换的背景图片
巧妙的有css合并图片解决tab切换的背景图片有时候做tab切换的时候会碰到下面的这种情况我截个图过来看看 tab切换打开页面时候茶庄介绍及鼠标移上去时候是上面这样的效果当鼠标移下 ...
js实现点击切换checkbox背景图片
转载自:http://www.bijishequ.com/detail/384166?p= 首页专题博客文章登录注册 www.bijishequ.com 搜索笔记社区共收录522,437篇 ...
html图片滚动红点_HTML中更换或添加网站背景图片的代码怎么写？（示例）
本篇文章主要介绍了HTML代码中如何更换或添加网站背景图片?对于小白来说,最简单的方法就是,如果是更换背景图片的话. 我们可以在网页上点击鼠标右键查看网站源代码,然后找到css里面的背景图这一段代码, ...
html checkbox复选框更换背景,js实现点击切换checkbox背景图片的简单实例
在制作网页的过程中,经常需要实现点击切换背景图片的效果,本文关注的是表单中checkbox背景图片切换的实现.如图,在输入用户名和密码后,用户需要选择是否记住密码图片背景为白色表示未勾选状态 ,背景 ...
php网页怎么插入背景图片,HTML中更换或添加网站背景图片的代码怎么写？（示例）...
本篇文章主要介绍了HTML代码中如何更换或添加网站背景图片?对于小白来说,最简单的方法就是,如果是更换背景图片的话. 我们可以在网页上点击鼠标右键查看网站源代码,然后找到css里面的背景图这一段代码, ...
[css] 如何在白天和黑夜自动切换页面的颜色？
[css] 如何在白天和黑夜自动切换页面的颜色? 媒体查询的内容都是设备的属性:宽度高度,旋转方向,打印样式,分辨率所以用媒体查询的话,需要用户的设备拥有切换黑暗模式的功能借助 js 切换页面颜色 ...
css背景图不失真_CSS实现页面背景图片模糊内容不模糊的方法
CSS实现页面背景图片模糊内容不模糊的方法,如果对你有帮助就看看吧,挺实用的一个CSS背景模糊效果,适合做一些非常唯美的网页,给人一种很模糊却又带着一丝清晰的感觉. 代码: Document .ban ...
php中定时刷新当前页面,php中怎么自动刷新页面
php中自动刷新页面的方法:1.使用header()函数来实现自动刷新页面:2.在PHP脚本中嵌入JS代码,通过JS代码来实现自动刷新页面. php中怎么自动刷新页面? 1.使用header()函数来 ...
Word中如何自动按照章节给图片编号？
Word中如何自动按照章节给图片编号? 打开天窗说亮话. word的自动给图片编号的功能实在是太差,尤其是按照章节给图片编号.请大家看下面这张图这张图在做一件什么事情呢? 图的上半部分是我在试图为某 ...

HTML中如何自动切换页面背景图片

HTML中如何自动切换页面背景图片相关推荐

最新文章

热门文章