图片滚动预览

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
.blk_18{width:638px; text-align:center; margin:0 auto;overflow:hidden;zoom:1; clear:both;}
.blk_18 li{list-style-type:none;}
.blk_18 .LeftBotton{width:18px;height:120px;float:left;background:url(mleft.gif) 0px center no-repeat;cursor:pointer;}
.blk_18 .RightBotton{width:18px;height:120px;float:right;background:url(mright.gif) right center no-repeat;cursor:pointer;}
.blk_18 .pcont{width:600px;height:190px;float:left;overflow:hidden;}
.blk_18 .ScrCont{width:32766px;zoom:1;}
.blk_18 #List1_1,.blk_18 #List1_2{float:left;}
.blk_18 .pl{width:200px;float:left; text-align:center;}
.blk_18 .pl img{padding:1px;margin:0 auto; border:1px #ccc solid;width:160px;height:100px;overflow:hidden;}
.blk_18 .pl{line-height:20px}
</style>

<DIV class=blk_18>
<DIV οnmοuseup=ISL_StopUp_1() class=LeftBotton οnmοusedοwn=ISL_GoUp_1()
οnmοuseοut=ISL_StopUp_1()></DIV>
<DIV class=pcont id=ISL_Cont_1>
<DIV class=ScrCont>
<DIV id=List1_1>

              <li class=pl><a href="http://www.baidu.com" οnmοusedοwn=this.href=urlParamAdd(this.href)><img src="1.jpg"  alt="1" /></a>
              <p><a href="http://www.baidu.com" title="图片1">图片1</a><br />
       <span class="style05">所在地：XXXX</span><br /> 
               </p></li>

              <li class=pl><a href="http://www.baidu.com" οnmοusedοwn=this.href=urlParamAdd(this.href)><img src="2.jpg"  alt="2" /></a>
              <p><a href="  http://www.baidu.com/usedcar/6161" title="图片2">图片2</a><br />
       <span class="style05">所在地：XXXX</span><br /> 
               </p></li>

               <li class=pl><a href="http://www.baidu.com/usedcar/6128" οnmοusedοwn=this.href=urlParamAdd(this.href)><img src="3.jpg"  alt="3" /></a>
              <p><a href="  http://www.baidu.com/usedcar/6128" title="图片3">图片3</a><br />
       <span class="style05">所在地：XXXX</span><br /> 
              </p></li>

              
        <li class=pl><a href="http://www.baidu.com/usedcar/5749" οnmοusedοwn=this.href=urlParamAdd(this.href)><img src="4.jpg"  alt="4" /></a>
              <p><a href="  http://www.baidu.com/usedcar/5749" title="图片4">图片4</a><br />
       <span class="style05">所在地：XXXX</span><br /> 
               </p></li>

              <li class=pl><a href="http://www.baidu.com/usedcar/5748" οnmοusedοwn=this.href=urlParamAdd(this.href)><img src="5.jpg"  alt="5" /></a>
              <p><a href="  http://www.baidu.com/usedcar/5748" title="图片5">图片5</a><br />
       <span class="style05">所在地：XXXX</span><br /> 
               </p></li>
       
        <li class=pl><a href="http://www.baidu.com/usedcar/5748" οnmοusedοwn=this.href=urlParamAdd(this.href)><img src="6.jpg"  alt="6" /></a>
              <p><a href="  http://www.baidu.com/usedcar/5748" title="图片6">图片6</a><br />
       <span class="style05">所在地：XXXX</span><br /> 
               </p></li>
            

</DIV>
<DIV id=List2_1></DIV></DIV>
</DIV>
<DIV οnmοuseup=ISL_StopDown_1() class=RightBotton οnmοusedοwn=ISL_GoDown_1()
οnmοuseοut=ISL_StopDown_1()></DIV></DIV>

<script type="text/javascript" src="marquee-img.js"></script>

 

请下载附件，直接打开index.html即可