加载动画的使用方式

一般在网上随便搜一个加载动画 然后放到自己的项目中,最后在项目中添加一个js用来加载完成显示自己的页面内容。通常是这样的>>

此事件一般放在body标签用onload事件>>>>>好看的加载动画插件链接http://www.htmleaf.com/css3/css3donghua/201504151682.html >>>第11个和第17个不错

<script type="text/javascript">
        function load() {
              var loading = document.getElementById('loading');
              var a= setTimeout("loading.style.transition='opacity 0.3s'",0)   
              //设置透明度改变的过渡时间为0.3秒
              var b= setTimeout("loading.style.opacity=0",500)
              //0.5秒后加载动画开始变为透明
              var c= setTimeout("loading.style.display='none'",800)
              //当透明度为0的时候,隐藏掉它
        }
    </script>

猜你喜欢

转载自my.oschina.net/u/3803573/blog/2872826