84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
我用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