+ -
当前位置:首页 → 问答吧 → div中背景自动变换

div中背景自动变换

时间:2011-11-27

来源:互联网

在一个网页中,body中有背景,想在页面的div框中加上图片的自动变换,怎么弄啊,请教!!!!!拜托。

作者: cuiyaru   发布时间: 2011-11-27

你说的变换,是轮播效果 ?过几秒就换个图。。。是吗?

作者: MuBeiBei   发布时间: 2011-11-27

是的。

作者: cuiyaru   发布时间: 2011-11-27

HTML code

<html>
<head>
<script>  
var aaa=['1.png','2.png','3.png'];  
var count = 0;  
function on_load(){        
document.body.style.background="url("+aaa[count]+")";    
if (++count == aaa.length)
{      count = 0;    
}  
}  setInterval("on_load()",1000);  
</script>
</head>
<body>
</body>
<html>


这个跟换的是html背景的图片,你换成你的div就行~试一下

作者: YingSmirk0406   发布时间: 2011-11-27

引用 2 楼 cuiyaru 的回复:

是的。


百度搜索 js轮播图片效果 好多~·

作者: MuBeiBei   发布时间: 2011-11-27

可是我还是没弄好,页面背景变幻的能做好,但是页面中一个div变的就是不显示,怎么换成div?能详细点吗

作者: cuiyaru   发布时间: 2011-11-27

document.body.style.background="url("+aaa[count]+")";  

改成

document.getElementById("div的id").style.background="url("+aaa[count]+")";

作者: p2227   发布时间: 2011-11-27

好了,非常感谢。

作者: cuiyaru   发布时间: 2011-11-27

热门下载

更多