js 怎么改变在几张图片比如说三张作为body的背景图片然后利用这三张图片轮流作为body的背景色

如题所述

js 切换body的背景
在images中添加1.jpg 2.jpg 3.jpg 三张图片就好了

<html>
<head>
<title> New Document </title>
</head>
<body>
</body>
</html>
<script type="text/javascript">
function qiehuan(i){
var n = i;
if(n>3)
n=1;
var bg = document.body||document.documentElement;
bg.style.background = "url('images/"+n+".jpg')";
n++;
setTimeout("qiehuan("+n+")",1000); //1秒轮换一张 2000为两秒
}
qiehuan(1);
</script>来自:求助得到的回答
温馨提示:内容为网友见解,仅供参考
无其他回答

求自动更换背景图片的代码,每5s自动换一张。
\/\/JS部分function bgRoll(){\/\/变量 j 控制图片数量,此例中为 3 张背景轮流更换,名称分别bt1.jpg、bt2.jpg、bt3.jpg。\/\/变量 time 控制切换时间,此例中为每经过 5000毫秒 更换一次图片 (1000毫秒为1秒)var i=2;var j=3;var time=5000;setInterval(function(){document.getElementsByTag...

js实现:三张图片,鼠标经过图2,图1变成图2,然后弹出一个覆盖二和三的层...
可以用a:hover设置背景解决 a{ background:url(a.jpg);width:30px;height:20px;display:block;} a:hover{ background:url(b.jpg);}

js 有三个按钮 点击哪一个将它的背景换成红色底的一张图片,另外两张变...
1、依次点击开始-附件-画图;2、打开,然后在指定目录找到你要修改的照片;3、点击工具栏中的填充(桶装图标)-在颜色栏中选白色;4、在照片蓝色区域点一下,可以看到,大部分蓝底已经变成白底,只有头像边缘部分还是明显蓝色;5、点击工具中铅笔,然后点击颜色栏中的白色;6、按住键盘上的Ctrl键(键盘...

如何利用js动态改变body的背景图片?想要个简单的个例子?
在随便哪个按钮的onclick中加上这个方法:functionnbsp;chgBg()nbsp;{document.body.style.backgroundnbsp;=nbsp;“url(‘images\/bg1.jpg‘)“;}

点击div背景图片切换(两张图片的切换),要用js解决
自己准备图片1.jpg和图片2.jpg。<html> <style> div{ width:300px;height:300px;border:1px solid black;background-image:url(1.jpg);} <\/style> <script> function changeImg(){ var div = document.getElementById("test");if(div.style.backgroundImage == "url(1.jpg)"){ div....

我想在body里放一个背景图片,浏览的时候填充整个屏幕,请问这样的JS代码...
body {background:url(bg.jpg) top center no-repeat; background-size:cover;}这样的话背景图片就会填充整个屏幕了不过要说明的是,这是一个CSS3的属性,在很多浏览器里面都是不被支持的,你所希望的效果,目前来看,只有这个属性可以做到,否则就只能用一个足够大的图片做背景的方法来实现了。另外background-size:...

html中,点击div,使其更换背景图片,两张图片来回切换
稍等上代码!你好我写的例子是用jquery来写的,引用的网上的地址,你可以直接用。<!DOCTYPE html><html><head><meta charset='utf-8' \/><title>JS Bin<\/title><script type="text\/javascript" src="http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.8.2\/jquery.min.js"><\/script><style> ...

dreamweaver制作网页时如何使几张图片在同一位置分别以不同方式循环变换...
<\/body> <\/html> js脚本 \/\/ JavaScript Document var t=1;function test(){ if(t==5)t=1;change(t++);setTimeout(test,1000);} function change(x)\/\/让imgx显示 而让其他的不显示 { for(i=1;i<5;i++){ document.getElementById("img"+i).style.display="none";document.get...

将一张小图片以3*3平铺在网页上js?
<\/body> <\/html> 在这个示例代码中,small-image.jpg 是你要平铺的图片文件的名称。在 CSS 中,我们使用 background-image 属性将图片设置为背景图片,同时将 background-size 属性设置为 cover,以使背景图片以 3*3 的比例平铺。在 JavaScript 中,我们使用 querySelector 方法获取容器元素和图片...

用JS做导航,怎么样让鼠标经过背景图片改变,然后离开时还原,按下时背景...
jq写如下(背景颜色换成图片也可以):<style type="text\/css"> .dh a{ background:#FFFFCC; width:50px; height:30px; display:block; text-align:center; color:#000000;} .dh a:hover{ background:#FF9900;} <\/style> <\/head> <body> <div> <div class="dh"><a href="#">导航...

相似回答