jquery的 广告浮动

  <script>
    $(function(){
    jQuery(".cmmsh").slide({ mainCell:".bd ul",effect:"leftLoop",vis:4,scroll:1,autoPlay:true});
    });
   </script>
   
      
   
      
    <div class="cmmsh left">
   <a class="next" style="float: left;margin-top: 60px;"> <img src="/public/yellow/images/jtzuo.gif" width="14" height="15">&nbsp;&nbsp;</a>
             <div class="bd L">
             <ul >
               <li>
      <a href="/company/index.htm?cid=1442" rel="nofollow" target="_blank" title=""><img src="/public/yellow/images/yxt.jpg" width="110" height="119" alt="永新泰纺织"><br><strong>永新泰纺织</strong></a></li>             
      <li>
                 <a href="/company/index.htm?cid=2008" rel="nofollow" target="_blank" img src="/public/yellow/images/yxtbh.jpg" width="110" height="119" alt="永兴泰布行"><br><strong>永兴泰布行</strong></a></li>
               <li>
                 <a href="/company/index.htm?cid=7360" rel="nofollow" target="_blank" ><img src="/public/yellow/images/jy.jpg" width="110" height="119" alt="金洋纺织"><br><strong>金洋纺织</strong></a></li>
               <li>
                 <a href="/company/index.htm?cid=7373" rel="nofollow" target="_blank" ><img src="/public/yellow/images/MK.jpg" width="110" height="119" alt="MK纺织"><br><strong>MK纺织</strong></a></li>
                  <li>
                 <a href="/company/index.htm?cid=7943" rel="nofollow" target="_blank" ><img src="/public/yellow/images/xyfz.jpg" width="110" height="119" alt="宇勋纺织"><br><strong>宇勋纺织</strong></a></li>
                  <li>
                 <a href="/company/index.htm?cid=6340" rel="nofollow" target="_blank" ><img src="/public/yellow/images/cdby.jpg" width="110" height="119" alt=""><br><strong>昌大布业</strong></a></li>
                </ul>
                </div>
                 <a class="prev" style="float: right;margin-top: 60px;"><img src="/public/yellow/images/jtyou.gif" width="14" height="15"></a>
            </div >
    </div>
循环左转------------------------------->

 

              <div id="slideBox" class="slideBox rootslide">
                <div class="hd">
                  <ul><li>  1</li><li>  2</li><li>  3</li><li>  4</li><li>  5</li>
                  </ul>
                </div>
                <div class="bd">
                  <ul>
       <li>  <a href="/help/25.html"  title="手机实时查看验货报告，手机验货报告" target="_blank"><img src="/public/yellow/images/sjbg01.jpg" alt="手机实时查看验货报告，手机验货报告" /></a></li>
       <li>  <a href="/fabric/cadTool.htm"  title="大线CAD面料设计、试面料成衣效果模拟" target="_blank"><img src="/public/yellow/images/sygg.jpg" alt="大线CAD面料设计、试面料成衣效果模拟" /></a></li>
       <li>  <a href="/company/index.htm?cid=7295" rel="nofollow" title="兆丰纺织" target="_blank"><img src="/public/yellow/images/zf.jpg" alt="兆丰纺织" /></a></li>
       <li>  <a href="/company/index.htm?cid=7361" rel="nofollow" title="金洲纺织" target="_blank"><img src="/public/yellow/images/jz.jpg" alt="金洲纺织" /></a></li>
       <li>  <a href="/company/index.htm?cid=7441" rel="nofollow"  title="伟利纺织" target="_blank"><img src="/public/yellow/images/lw.jpg" alt="伟利纺织" /></a></li>
                  </ul>
                </div>
              </div>

 

<css>

.slidebanner{ width:920px; height:122px; overflow:hidden; position:relative;  }
.slidebanner .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; }
.slidebanner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slidebanner .hd ul li{ float:left; margin-right:5px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slidebanner .hd ul li.on{ background:#f00; color:#fff; }
.slidebanner .bd{height:210px; overflow:hidden;  position:relative; z-index:0;   }
.slidebanner .bd img{ width:920px; height:125px; }

<css>

闪动效果