html图片轮换播放,CSS3全屏背景轮换播放

全屏背景轮换播放

#bg{ position:fixed; top:0; left:0; bottom:0; right:0; z-index:-1; filter:alpha(opacity=100);

-moz-opacity:1; -khtml-opacity: 1; opacity: 1; } #bg > img { height:100%;

width:100%; border:0; }

var num = 0;

var bg_src = new Array("./bg/1.jpg", "./bg/2.jpg","./bg/4.jpg", "./bg/6.jpg", "./bg/7.jpg","./bg/8.jpg");

//这个数组就是背景图的地址

setInterval("showTime()", 5000);//定时时间，5秒

function showTime() {

if (num == bg_src.length) {

num = 0;

}

$("#bg").fadeOut(1000,function(){

$("#bg").html('');

$("#bg").fadeIn(1000);

})

num = num + 1;

}

var cpro_id = "u2580454";