js实现网页背景自动淡入淡出
代码说明:
1.使用jquery使用 网页全屏背景图片自动淡入淡出效果 var _index=0; var $img; var imgNum; $(function(){ $img=$("img");//一次获取图片对象引用,减少重复获取的内存消耗 imgNum=$img.size(); $img.each(function(){//初始化图片透明度,除了最后一个显示,其余全透明 $(this).css({opacity:0}); $img.eq(imgNum-1).css({opacity:1}); }) setInterval(exchangBj,5000); }) function exchangBj(){ $img.each(function(){ if($(this).css("opacity")==1){ $(this).animate({opacity:0},3000); } }) if(_index>=imgNum){ _index=0; } $img.eq(_index).animate({opacity:1},3000); _index ++; }
下载说明:请别用迅雷下载,失败请重下,重下不扣分!