javascript – html页面中的页面加载器

前端之家收集整理的这篇文章主要介绍了javascript – html页面中的页面加载器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在这个html页面的div部分显示一个加载器GIF图像.但我无法让它发挥作用. div内容被隐藏,GIF图像消失.

CSS:

.loader {
    background-image: url(image/Preloader_8.gif);
    background-repeat: no-repeat;
    height:100px;
    width:200px;
}

JavaScript的:

<script type="text/javascript">
    $(window).load(function() {
        $(".loader").fadeOut("slow");
    })
</script>

HTML:

<body>
    <div class="loader">
        Loading Image
    </div>
</body>

解决方法

你使用AJAX来获取div中的内容还是简单地.load函数

在.load()jQuery事件的情况下,

$( ".loader" ).load( "test.html",function() { 
  $(".loader").fadeOut("slow"); 
});

在AJAX请求的情况下,在AJAX调用的成功事件中调用函数加载器.

function loader() {
    $(".loader").fadeOut("slow");
});

猜你在找的JavaScript相关文章