<script src="../myfocus-2.0.1.min.js"></script>
<script src="../js1/mf-pattern/mF_YSlider.js"></script>
<link rel="stylesheet" href="../js1/mf-pattern/mF_YSlider.css" type="text/css"/>
<script type="text/javascript">
myFocus.set({
id:"picBox"
})
</script>
为什么没办法上传截图啊,显示http请求错误,都在桌面上截图不能传,图片能传,我的还个效果不对,图片zai父容器里只有一半,没有沾满父容器的1000px,display没用 width:1000px 也没用怎么搞啊?
.add{
width:1000px;
height:300px;
overflow:hidden;
clear:both;
}
.add img{
display:block;
}
</style>
<script type="text/javascript" src="../js/js/myfocus-2.0.1.min.js"></script>
<script type="text/javascript" src="../js/js/mf-pattern/mF_YSlider.js"></script>
<link rel="stylesheet" href="../js/js/mf-pattern/mF_YSlider.css" type="text/css"/>
<script type="text/javascript" src="../js/jquery-1.11.0.js"></script>
<script type="text/javascript">
myFocus.set({
id:"picBox"
});
</script>
<div class="nav_middle_right">
<form action="" method="post">
<input type="text" class="search_text"/>
</form>
</div>
</div>
<div class="nav_right"></div>
</div>
<div class="add" id="picBox">
<div class="loading"><img src="../img/TB.ico" alt="图片加载中"/></div>
<div class="pic">
<ul>
<li><img src="../img1/1a.jpg"/></li>
<li><img src="../img1/2a.jpg"></li>
<li><img src="../img1/3a.jpg"></li>
<li><img src="../img1/4a.jpg"></li>
<li><img src="../img1/5a.jpg"></li>
</ul>
</div>
</div>
</div>
</body>
*{padding:0; margin:0;}
.wrap{width:1000px; margin:0 auto;}
.logo{height:60px; background:#FF00FF;}
.logo_left{width:200px; float:left;}
.logo_right{width:300px;
float:right;
margin-right:30px;
color:#8e8e8e;
}
.logo_right img{
vertical-align:middle;
margin-right:10px;
}
.tel{
font-family:"微软雅黑";
font-size:16px;
color:#f00;
}
.nav{height:40px; background:#ccc;}
.nav_left{width:10px;
height:40px;
background:url(../img/YMX.ico) no-repeat;
float:left;
}
.nav_middle{
width:980px;
background:url(../xampp-win32-7.1.11-0-VC14-installer/.rsrc/BITMAP/BUTTONS.bmp) repeat-x;
float:left;
}
.nav_right{
width:10px;
height:40px;
background:url(../img/YMX.ico) no-repeat;
float:left;
}
.nav_middle_left,.nav_middle_right{
float:left;
}
.nav_middle_left{width:680px; }
.nav_middle_right{width:300px; }
.nav_middle_left li{
list-style-type:none;
width:100px;
float:left;
line-height:40px;
text-align:center;
}
/*没点的和点过的状态*/
.nav_middle_left a:link,.nav_middle_left a:visited{
text-decoration:none;
color:#fff;
font-size:16px;
font-family:"微软雅黑";
}
/*经过的和点击的状态*/
.nav_middle_left a:hover,.nav_middle_left a:active{
text-decoration:none;
color:#ff0;
font-size:16px;
font-family:"微软雅黑";
}
.search_text{
width:190px;
height:25px;
margin-top:5px;
background:url(../img/SN.ico) no-repeat right center;
background-color:#fff;
padding-right:45px;
border:1px solid #fff;
}
.add{
width:1000px;
height:300px;
overflow:hidden;
clear:both;
}
</style>
<script type="text/javascript" src="../myfocus-2.0.1.min.js"></script>
<script type="text/javascript" src="../js1/mf-pattern/mF_YSlider.js"></script>
<link rel="stylesheet" href="../js1/mf-pattern/mF_YSlider.css" type="text/css"/>
<script type="text/javascript" src="../js/jquery-1.11.0.js"></script>
<script type="text/javascript">
myFocus.set({
id:"picBox"
})
</script>
</head>
<body>
<!--<div class="top">
<div class="top-content">
<ul>
<li>首页</li>
<li>收藏</li>
<li>联系</li>
</ul>
</div>
</div>-->
<div class="wrap">
<div class="logo">
<div class="logo_left">
<img src="../img/1H.ico"/>
</div>
<div class="logo_right">
<img src="../xampp-win32-7.1.11-0-VC14-installer/.rsrc/ICON/7.ico"/>
<span class="tel">24小时服务热线</span>
</div>
</div>
<div class="nav">
<div class="nav_left"></div>
<div class="nav_middle">
<div class="nav_middle_left">
<ul>
<li><a href="#">首页</a></li>
<li><a href="ajax.html">关于慕课</a></li>
<li><a href="#">动态</a></li>
</ul>
</div>
<div class="nav_middle_right">
<form action="" method="post">
<input type="text" class="search_text"/>
</form>
</div>
</div>
<div class="nav_right"></div>
</div>
<div class="add" id="picBox">
<div class="loading"><img src="../img/TB.ico" alt="图片加载中"/></div>
<div class="pic">
<ul>
<li><img src="../img1/1a.jpg"/></li>
<li><img src="../img1/2a.jpg"></li>
<li><img src="../img1/3a.jpg"></li>
<li><img src="../img1/4a.jpg"></li>
<li><img src="../img1/5a.jpg"></li>
</ul>
</div>
</div>
</div>
</body>