Jquery装载机不会淡出

时间:2013-07-24 17:32:06

标签: jquery

我对什么应该是一个非常基本的编码测试感到有点困惑。我正在使用本教程中的步骤:

http://jquerybyexample.blogspot.com/2012/06/show-loading-image-while-page-is.html

但是,出于某种原因,loader.gif图像出现但从未淡出。我非常感谢你能给予的任何帮助。

<!DOCTYPE html>

<head>

<title>Test</title>

<script>
$(window).load(function(){
$('#dvLoading').fadeOut(2000);
});
</script>

<style type="text/css">

#dvLoading

{
   background:#000 url(images/loader.gif) no-repeat center center;
   height: 100px;
   width: 100px;
   position: fixed;
   z-index: 1000;
   left: 50%;
   top: 50%;
   margin: -25px 0 0 -25px;
}

</style>

</head>

<body>

<div id="dvLoading"></div>

<img src="images/about.jpg" width="498" height="383" />

</body>

</html>

1 个答案:

答案 0 :(得分:0)

包含jQuery?

<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript" ></script>