为什么我的出不来效果，是jq有问题吗？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>加载器</title>
<style>
*{margin: 0;
padding: 0;}
.class{
width: 100%;height: 100%;position: fixed;top: 0;left:0;background: white;
}
.class .gif{
width: 64px;height: 64px;position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;margin: auto;
}
</style>
<script src="js/jquery-1.7.2.min.js" ></script>
<script>
$(function(){
setInterval(function(){
(".class").fadeout();
},3000)
})
</script>
</head>
<body>
<div class="class">
<div class="gif">
<img src="img/iazaiqi.gif"/>
</div>
</div>
<img src="http://p2.so.qhimgs1.com/sdr/200_200_/t01d887dd159577a87e.jpg"/>
<img src="http://p2.so.qhimgs1.com/sdr/200_200_/t01d887dd159577a87e.jpg"/>
<img src="http://p2.so.qhimgs1.com/sdr/200_200_/t01d887dd159577a87e.jpg"/>
<img src="http://p2.so.qhimgs1.com/sdr/200_200_/t01d887dd159577a87e.jpg"/>
</body>
</html>
