点击鼠标控制图片左右滑动而不影响 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>