这篇文章主要介绍“CSS3怎么实现全屏背景轮换播放”,在日常操作中,相信很多人在CSS3怎么实现全屏背景轮换播放问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”CSS3怎么实现全屏背景轮换播放”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
创新互联主要从事成都网站建设、成都网站设计、网页设计、企业做网站、公司建网站等业务。立足成都服务华亭,十多年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:13518219792
#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";
到此,关于“CSS3怎么实现全屏背景轮换播放”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!
网站栏目:CSS3怎么实现全屏背景轮换播放
文章路径:http://scgulin.cn/article/pjsjjg.html