加载动画的使用方式

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

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

<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>html

相关文章
相关标签/搜索