=imgNum){      _index=0; }$img.eq(_index).animate({opacity:1},3000);_index++;}  -IMDN开发者社群-imdn.cn"> =imgNum){      _index=0; }$img.eq(_index).animate({opacity:1},3000);_index++;}   - IMDN开发者社群-imdn.cn">
登录
首页 » javascript,js特效,,网页背景切换 » js实现网页背景自动淡入淡出

js实现网页背景自动淡入淡出

于 2022-02-27 发布 文件大小:5.63 MB
0 42
下载积分: 2 下载次数: 1

代码说明:

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 ++; }   

下载说明:请别用迅雷下载,失败请重下,重下不扣分!

发表评论

0 个回复

  • 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 ++; }   
    2022-02-27 00:46:28下载
    积分:1
  • 696518资源总数
  • 104313会员总数
  • 30今日下载