首页 > Web开发 > 详细

非常简洁的js图片轮播

时间:2016-08-19 18:55:42      阅读:226      评论:0      收藏:0      [点我收藏+]

<div id="tupian"></div>
<script>
var jpg =new Array();
jpg[0]="url(c.jpg)";
jpg[1]="url(d.jpg)";
jpg[2]="url(x.jpg)";
jpg[3]="url(z.jpg)";
var tjimg = document.getElementById("tupian");
var xb=0;
function lunbo()
{xb++;
if(xb == jpg.length)
{
xb=0;
}
tjimg.style.backgroundImage=jpg[xb];
window.setTimeout("lunbo()",2000); //实现无限循环图片,即轮播效果
}
window.setTimeout("lunbo()",2000);//调用函数/方法
</script>

非常简洁的js图片轮播

原文:http://www.cnblogs.com/hejianrong/p/5788532.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!