怎样设置在网页中背景图片的自动更换?
发布网友
发布时间：2022-04-24 12:22
共2个回答
热心网友
时间：2022-04-20 08:10
方法一：在html文件中设置
html的中有两个关于背景的属性，其中的background用来设置背景图片。示例如下：
如果背景图片小于网页显示窗口，那么这个背景图片会自动重复。
为保证浏览器载入网页的速度，建议尽量不要使用字节过大的图片作为背景图片。
可以参考这个网站的教程和示例：
http://www.blabla.cn/html_tutorials/045_html_bgcolor_background.html
方法二：在css文件中设置
css的背景图片属性
示例：
可以参考这个网站的教程和示例：
http://www.blabla.cn/css_tutorials/020_css_background.html
参考资料：
http://www.blabla.cn/html_tutorials/index.html
热心网友
时间：2022-04-20 09:28
<script>
window.onload=function(){
var bkimgs=["images/image1.jpg","images/image2.jpg","images/image3.jpg"];
var bki=0;
setInterval(function(){
var body=document.getElementsByTagName("body")[0]
body.style.backgroundImage="url("+bkimgs[bki]+")";
bki=(bki+1)%bkimgs.length;
},5000);
}
</script>
