jquery 无缝图片轮播问题~

jqueryjavascript

解决方案 »

  1.   

    -153是ul里的li宽度，就是一张图一张图 往左滑动。先谢谢了哈
      

  2.   

    @charset "utf-8";
    /* CSS Document */
    *{
    padding:0px;
    margin:0px;
    }
    /*文化墙展示*/
    /*大div*/
    #wall{
    width: 1001px;
    height: 159px;
    /*border:1px solid blue;*/
    margin: 0 auto;
    background: url(images/1_02.jpg) no-repeat;
    position: relative;
    }
    /*大div里面的定位div*/
    #wall .w_center{
    width: 918px;
    height: 128px;
    overflow: hidden;
    position: absolute;
    top: 26px;
    left: 40px; border:1px solid blue;
    }
    /*ul图片横排*/
    #wall .w_center ul{
    width: 1530px;
    border:1px solid orange;
    height: 128px;
    position: absolute;
    }
    #wall .w_center ul.one{
    left: 0;
    top: 0;
    }
    #wall .w_center ul.two{
    top: 0;
    left: 1530px;
    }
    #wall .w_center ul li{
    float: left;
    width:139px;
    height: 128px; 
    margin-right: 14px;
    display: inline;
    }
    #wall .w_center ul li img{
    border:1px solid #d3d3d3;
    }
    #wall .w_center ul li a{
    display: block;
    width: 137px;
    height: 128px;
    font-size: 12px;
    font-family:  Microsoft YaHei;
    color: #666666;
    line-height: 28px;
    text-align: center;
    float: left;
    }
    /*文化墙展示结束*/
    这是css代码
      

  3.   

    <!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=utf-8" />
    <title>无标题文档</title>
    <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="js.js"></script>
    <link rel="stylesheet" type="text/css" href="style.css">
    </head><body>
    <!-- 外面div -->
    <div id="wall">
    <!-- 里面定位div -->
    <div class="w_center">
    <!-- 定位div里的ul -->
    <ul class="one">
    <li>
    <a href=""><img src="images/54_1408763964.jpg" style="width:137px ;height:103px;" />易联-商务部</a>
    </li>
    <li><a href=""><img src="images/53_1408762915.jpg" style="width:137px ;height:103px;" /></a></li>
    <li><a href=""><img src="images/35_1408521555.jpg" style="width:137px ;height:103px;" /></a></li>
    <li><a href=""><img src="images/34_1408521594.jpg" style="width:137px ;height:103px;" /></a></li>
    <li><a href=""><img src="images/33_1408521633.jpg" style="width:137px ;height:103px;" /></a></li>
    <li><a href=""><img src="images/32_1408521670.jpg" style="width:137px ;height:103px;" /></a></li>
    <li><a href=""><img src="images/26_1405587398.jpg" style="width:137px ;height:103px;" /></a></li>
    <li><a href=""><img src="images/25_1405587338.jpg" style="width:137px ;height:103px;" /></a></li>
    <li><a href=""><img src="images/24_1405587244.jpg" style="width:137px ;height:103px;" /></a></li>
    <li><a href=""><img src="images/23_1405587127.jpg" style="width:137px ;height:103px;" /></a></li>
    </ul>
    <ul class="two">
    <li>
    <a href=""><img src="images/54_1408763964.jpg" style="width:137px ;height:103px;" />易联-商务部</a>
    </li>
    <li><a href=""><img src="images/53_1408762915.jpg" style="width:137px ;height:103px;" /></a></li>
    <li><a href=""><img src="images/35_1408521555.jpg" style="width:137px ;height:103px;" /></a></li>
    <li><a href=""><img src="images/34_1408521594.jpg" style="width:137px ;height:103px;" /></a></li>
    <li><a href=""><img src="images/33_1408521633.jpg" style="width:137px ;height:103px;" /></a></li>
    <li><a href=""><img src="images/32_1408521670.jpg" style="width:137px ;height:103px;" /></a></li>
    <li><a href=""><img src="images/26_1405587398.jpg" style="width:137px ;height:103px;" /></a></li>
    <li><a href=""><img src="images/25_1405587338.jpg" style="width:137px ;height:103px;" /></a></li>
    <li><a href=""><img src="images/24_1405587244.jpg" style="width:137px ;height:103px;" /></a></li>
    <li><a href=""><img src="images/23_1405587127.jpg" style="width:137px ;height:103px;" /></a></li>
    </ul>
    <!-- 定位里ul结束 -->
    </div>
    <!-- 里面定位div结束 -->
    </div>
    <!-- 外面div结束 -->
    </body>
    </html>这是html