84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
我用svg和CSS3实现了一个Loding动画,但不知道如何把它应用到网站中,如何使用Js调用,需要监听什么事件,求大神指点。
ringa_lee
有两类方法:
1 动态方法
1.1 动态添加/删除类名
.loading{xxxxx}
$.ajax({ url:xxx, data:xxx, method:xxx, dataType:xxx, beforeSend:function(){ $('.box').addClass('loading'); }, success:function(){ $('.box').removeClass('loading'); } })
1.2 动态添加/删除标签
$.ajax({ url:xxx, data:xxx, method:xxx, dataType:xxx, beforeSend:function(){ $('.box').append('') }, success:function(){ $('.box').find('.loading').remove(); } })
静态法
2.1 删除类名
$.ajax({ //.... success:function(){ $('.box').removeClass('.loading'); } })
2.2 删除标签
$.ajax({ //... success:function(){ $('.box').find('.loading').remove(); } })
默认显示loading动画,在ajax获取到数据后隐藏它。
Css3 实现的动画不需要 js
网页中的loding效果是先直接显示,然后等js加载完再删除或隐藏这个loding
有两类方法:
1 动态方法
1.1 动态添加/删除类名
1.2 动态添加/删除标签
静态法
2.1 删除类名
2.2 删除标签
默认显示loading动画,在ajax获取到数据后隐藏它。
Css3 实现的动画不需要 js
网页中的loding效果是先直接显示,然后等js加载完再删除或隐藏这个loding