我想在这个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>
解决方法
@H_403_17@ 你使用AJAX来获取div中的内容还是简单地.load函数？在.load()jQuery事件的情况下,
$( ".loader" ).load( "test.html",function() {
$(".loader").fadeOut("slow");
});
在AJAX请求的情况下,在AJAX调用的成功事件中调用函数加载器.
function loader() {
$(".loader").fadeOut("slow");
});
