页面提示

做一些图片多加载量大的网站时应该给加上加载提示的动画，特别是手机端的网站开发时！

<script type="text/javascript">
document.onreadystatechange = function(){
    var loaderBg = document.getElementById('loaderPage'),
        body = document.getElementsByTagName("body")[0];
    if(document.readyState == "complete"){
        loaderBg.style.display = 'none';
        body.removeAttribute("class");
    }else{
        loaderBg.style.display = 'block';
    }
}
</script>
<title>第三届海淘会</title>
</head>
<body class="loading">
<div id="loaderPage"></div>
<--body内容层-->
<div class="wrap"></div>
<body>
loaderPage里面写加载图片

一般图片多的页面可以提前下载没出现在页面中的图片
function preLoadImg(url) {
var img = new Image();
img.src = url;
}

 

posted @ 2015-05-26 18:04  me春天  阅读(124)  评论(0)  编辑  收藏  举报