Jq学习之加载特效

最新推荐文章于 2022-04-02 12:35:34 发布

能不写代码嘛

最新推荐文章于 2022-04-02 12:35:34 发布

阅读量128

点赞数

分类专栏：学习

本文链接：https://blog.csdn.net/q_17600689511/article/details/103290946

版权

学习专栏收录该内容

7 篇文章 0 订阅

订阅专栏

淡出淡入

 function waterFall() {
     var temp=null;
     for (var i = 0; i < 8; i++) {
            temp+='<li class="wjl_m14" style="display:none"><img src="http://fixed.ic360.cn/newb1b/img/b1bnoimg.jpg" class="imagelist" /> </a></li>';
                         }
        //   window.setInterval(While(temp), 2500); //每隔2.5s 闪烁一次
        //或者以下写法 推荐使用
          var Icount=  return window.setInterval(function () {
            $(key).fadeTo(800,0.8);
            $(key).fadeTo(800,0.45);
        }, 2000);
        //停止计时器函数  他停止计时器但是并没有终止函数，所以此次函数还是要执行完 因此最好实在返回之后执行
        clearInterval(Icount);
     }
   function While(temp)  {
            $('#@item.Key').html(temp);
            $('.wjl_m14').fadeIn(800);//淡入效果 0.8s 
            $('.wjl_m14').fadeOut(3000);//淡出效果 3s
            $('.wjl_m14').fadeTo (800,0.15);//淡入效果 0.8s   第一个为显示，第二个为透明度最大值为1     
     }