LOAD一直在转不消失一直再图片左上角
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<link rel="stylesheet" href="css/main.css" / type="text/css">
<link rel="stylesheet" href="css/mF_fancy.css" / type="text/css">
<script src="js/mF_fancy.js" type="text/javascript"></script>
<script src="js/myfocus-2.0.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
myFocus.set({id:'pic_box'})
</script>
</head>
<body>
<div id="header">
<div class="header_img">
</div>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">产品特色</a></li>
<li><a href="#">解决方案</a></li>
<li><a href="#">产品价格</a></li>
<li><a href="#">帮助中心</a></li>
<li><a href="#">关于我们</a></li>
</ul>
</div>
<div class="neirong">
<div class="content_img" id="pic_box">
<div class="loding"><img src="img/loading.gif" alt="图片加载中" /></div>
<div class="pic">
<ul>
<li><img src="img/ad2.jpg" /></li>
<li><img src="img/ad3.jpg" /></li>
<li><img src="img/ad4.jpg" /></li>
</ul>
</div>
</div>
</div><!--/*内容结束*/-->
</body>
</html>
CSS
@charset "utf-8";
*{ margin:0; padding:0;}
body{font-family:"微软雅黑";}
/*============== header ==============*/
#header{ width:1000px; height:70px; margin:0 auto; background-color: #FFFFFF;}
.header_img{ width:200px;
height:70px;
float:left;
background:url(../img/logo.jpg) no-repeat;}
#header li{ float:left;
list-style:none;
width:130px;
text-align:center;
line-height:70px;
font-size:18px;
font-family: "微软雅黑";
border:1px solid #666666;}
#header li a{ text-decoration:none;
display:block;}
#header li a:hover,a:active{
text-decoration:none;
color: #FFFFFF;
background-color: #CC0000;}
#header li a:link,a:visited{
color: #000000;}
.content_img{
width:1000px;
height:405px;
overflow:hidden;
}
.neirong{
width:1000px;
margin:0 auto;}
