点击鼠标控制图片左右滑动而不影响 motools

来源:互联网 发布:大数据英文翻译 编辑:程序博客网 时间:2024/05/06 11:22
 



<div class="LeftBotton" onmousedown="FmxISL_GoUp_1()" onmouseup="FmxISL_StopUp_1()" onmouseout="FmxISL_StopUp_1()"></div>                 <div class="Cont" id="ISL_Cont_1">                    <div class="ScrCont">                       <div id="List1_1">                         <ul>                    <li><a href="#">图片6</a></li>                          <li><a href="#">图片5</a></li>                          <li><a href="#">图片4</a></li>                          <li><a href="#">图片3</a></li>                           <li><a href="#">图片2</a></li>                          <li><a href="#">图片1</a></li>                     </ul>                                                          </div>                   <div id="List2_1"></div>                 </div>            </div>            <div class="RightBotton" onmousedown="FmxISL_GoDown_1()" onmouseup="FmxISL_StopDown_1()"   onmouseout="FmxISL_StopDown_1()"></div></div>
<script type="text/javascript" language="javascript">//<![CDATA[  //图片滚动var fmxSpeed_1 = 10; //速度(毫秒)var fmxSpace_1 = 10; //每次移动(px)var fmxPageWidth_1 = 164; //翻页宽度var fmxfill_1 = 8; //整体移位var fmxMoveLock_1 = false;var fmxMoveTimeObj_1;var fmxComp_1 = 0;var fmxAutoPlayObj_1=null;$("List2_1").innerHTML=$("List1_1").innerHTML;$("ISL_Cont_1").scrollLeft=fmxfill_1>=0?fmxfill_1:$("List1_1").scrollWidth-Math.abs(fmxfill_1);$("ISL_Cont_1").onmouseover=function(){clearInterval(fmxAutoPlayObj_1)}$("ISL_Cont_1").onmouseout=function(){FmxAutoPlay_1()}FmxAutoPlay_1();function FmxAutoPlay_1(){    clearInterval(fmxAutoPlayObj_1);    //fmxAutoPlayObj_1=setInterval('FmxISL_GoDown_1();FmxISL_StopDown_1();',5000);}function FmxISL_GoUp_1(){    if(fmxMoveLock_1)return;    clearInterval(fmxAutoPlayObj_1);    fmxMoveLock_1=true;    fmxMoveTimeObj_1=setInterval('FmxISL_ScrUp_1();',fmxSpeed_1)}function FmxISL_StopUp_1(){    clearInterval(fmxMoveTimeObj_1);    if(($("ISL_Cont_1").scrollLeft-fmxfill_1)%fmxPageWidth_1!=0){        fmxComp_1=fmxfill_1-($("ISL_Cont_1").scrollLeft%fmxPageWidth_1);        FmxCompScr_1();    }else{        fmxMoveLock_1=false;    }    FmxAutoPlay_1()}function FmxISL_ScrUp_1(){    if($("ISL_Cont_1").scrollLeft<=0){        $("ISL_Cont_1").scrollLeft=$("ISL_Cont_1").scrollLeft+$("List1_1").offsetWidth;    }    $("ISL_Cont_1").scrollLeft-=fmxSpace_1;}function FmxISL_GoDown_1(){    clearInterval(fmxMoveTimeObj_1);    if(fmxMoveLock_1)return;    clearInterval(fmxAutoPlayObj_1);    fmxMoveLock_1=true;FmxISL_ScrDown_1();    fmxMoveTimeObj_1=setInterval('FmxISL_ScrDown_1()',fmxSpeed_1);}function FmxISL_StopDown_1(){    clearInterval(fmxMoveTimeObj_1);    if($("ISL_Cont_1").scrollLeft%fmxPageWidth_1-(fmxfill_1>=0?fmxfill_1:fmxfill_1+1)!=0){        fmxComp_1=fmxPageWidth_1-$("ISL_Cont_1").scrollLeft%fmxPageWidth_1+fmxfill_1;        FmxCompScr_1();    }else{        fmxMoveLock_1=false;    }    FmxAutoPlay_1();}function FmxISL_ScrDown_1(){    if($("ISL_Cont_1").scrollLeft>=$("List1_1").scrollWidth){        $("ISL_Cont_1").scrollLeft=$("ISL_Cont_1").scrollLeft-$("List1_1").scrollWidth;    }    $("ISL_Cont_1").scrollLeft+=fmxSpace_1;}function FmxCompScr_1(){    if(fmxComp_1==0){        fmxMoveLock_1=false;        return;    }    var num,TempSpeed=fmxSpeed_1,TempSpace=fmxSpace_1;    if(Math.abs(fmxComp_1)<fmxPageWidth_1/2){        TempSpace=Math.round(Math.abs(fmxComp_1/fmxSpace_1));        if(TempSpace<1){        TempSpace=1;        }    }    if(fmxComp_1<0){        if(fmxComp_1<-TempSpace){            fmxComp_1+=TempSpace;            num=TempSpace;        }else{            num=-fmxComp_1;            fmxComp_1=0;        }        $("ISL_Cont_1").scrollLeft-=num;        setTimeout('FmxCompScr_1()',TempSpeed);    }else{        if(fmxComp_1>TempSpace){            fmxComp_1-=TempSpace;num=TempSpace;        }else{            num=fmxComp_1;            fmxComp_1=0;        }        $("ISL_Cont_1").scrollLeft+=num;setTimeout('FmxCompScr_1()',TempSpeed);    }}//]]></script>