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

最新推荐文章于 2022-05-24 12:19:50 发布

iseisen

最新推荐文章于 2022-05-24 12:19:50 发布

阅读量754

点赞数

分类专栏： JavaScript 文章标签： function list div class null

本文链接：https://blog.csdn.net/jingzizhu/article/details/6932994

版权

JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<div class="LeftBotton" οnmοusedοwn="FmxISL_GoUp_1()" οnmοuseup="FmxISL_StopUp_1()" οnmοuseοut="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" οnmοusedοwn="FmxISL_GoDown_1()" οnmοuseup="FmxISL_StopDown_1()"   οnmοuseοut="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").οnmοuseοver=function(){clearInterval(fmxAutoPlayObj_1)}
$("ISL_Cont_1").οnmοuseοut=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>