实现图片整屏翻动效果：（如上图）

// 左右按钮 

<div class="sub3_1_div3">
            <input type="button" class="sub3_1_btn1" />    <!--  左右翻滚 按钮  -->
            <input type="button" class="sub3_1_btn2" onclick="window.open('p_w_picpathview.aspx?u=' +document.getElementById('img0').src);"/>
            <input type="button" class="sub3_1_btn3" />     <!--  左右翻滚 按钮  -->
            
            </div>

// 图片所在涂层
<div class="sub3_1_div4" id="ISL_Cont">        <!--  最外层的大DIV  --->    
<div style="width:1368px;">    <!--  DIV 宽度为所有展示内容的总段度  --->    
   <div id="List1" name="List1" style="float:left;" >  <!--  展示DIV  1 --->    

 <!--  Begin 展示内容  图片的宽度为：74 px，中间空白为：6px ，共80px ，一屏为 320px  --->  
   <a href="javascript:void(0);" id="img1"  src="/M_Files/StateImg/2010823191846.jpg" /></a><div class="width3"></div><a href="javascript:void(0);" id="img2"  src="/M_Files/StateImg/2010823191850.jpg" /></a><div class="width3"></div><a href="javascript:void(0);" id="img3"  src="/M_Files/StateImg/2010823191854.jpg" /></a><div class="width3"></div><a href="javascript:void(0);" id="img4"  src="/M_Files/StateImg/2010823191858.jpg" /></a><div class="width3"></div><a href="javascript:void(0);" id="img5"  src="/M_Files/StateImg/2010823191902.jpg" /></a><div class="width3"></div><a href="javascript:void(0);" id="img6"  src="/M_Files/StateImg/2010823191909.jpg" /></a><div class="width3"></div><a href="javascript:void(0);" id="img7"  src="/M_Files/StateImg/2010823191919.jpg" /></a><div class="width3"></div><a href="javascript:void(0);" id="img8"  src="/M_Files/StateImg/2010823191929.jpg" /></a><div class="width3"></div><a href="javascript:void(0);" id="img9"  src="/M_Files/StateImg/2010823191941.jpg" /></a><div class="width3"></div><div class="width3_1"></div><div class="width3"></div><div class="width3_1"></div><div class="width3"></div><div class="width3_1"></div>

 <!--  End 展示内容  --->  
   </div>
   <div id="List2" name="List2" style="float:left;" ></div> <!--  复制DIV  2 --->    
   </div>  

</div>
            
            <script language="JavaScript" type="text/javascript">
            <!--//--><![CDATA[//><!--
            //图片滚动列表 mengjia 070816
            var Speed = 10; //速度(毫秒)
            var Space = 12; //每次移动(px)
            var PageWidth = 320; //翻页宽度
            var fill = 0; //整体移位
            var MoveLock = false;
            var MoveTimeObj;
            var Comp = 0;
            var AutoPlayObj = null;
            GetObj("List2").innerHTML = GetObj("List1").innerHTML;
            GetObj('ISL_Cont').scrollLeft = fill;
            GetObj("ISL_Cont"). = function(){clearInterval(AutoPlayObj);}
            GetObj("ISL_Cont"). = function(){AutoPlay();}
            AutoPlay();
            function GetObj(objName){if(document.getElementById){return eval('document.getElementById("'+objName+'")')}else{return eval('document.all.'+objName)}}
            function AutoPlay(){ //自动滚动
            //clearInterval(AutoPlayObj);
            //AutoPlayObj = setInterval('ISL_GoDown();ISL_StopDown();',3000); //间隔时间
            }
            function ISL_GoUp(){ //上翻开始
            if(MoveLock) return;
            clearInterval(AutoPlayObj);
            MoveLock = true;
            MoveTimeObj = setInterval('ISL_ScrUp();',Speed);
            }
            function ISL_StopUp(){ //上翻停止
            clearInterval(MoveTimeObj);
            if(GetObj('ISL_Cont').scrollLeft % PageWidth - fill != 0){
            Comp = fill - (GetObj('ISL_Cont').scrollLeft % PageWidth);
            CompScr();
            }else{
            MoveLock = false;
            }
            AutoPlay();
            }
            function ISL_ScrUp(){ //上翻动作
            if(GetObj('ISL_Cont').scrollLeft <= 0){GetObj('ISL_Cont').scrollLeft = GetObj('ISL_Cont').scrollLeft + GetObj('List1').offsetWidth}
            GetObj('ISL_Cont').scrollLeft -= Space ;
            }
            function ISL_GoDown(){ //下翻
            clearInterval(MoveTimeObj);
            if(MoveLock) return;
            clearInterval(AutoPlayObj);
            MoveLock = true;
            ISL_ScrDown();
            MoveTimeObj = setInterval('ISL_ScrDown()',Speed);
            }
            function ISL_StopDown(){ //下翻停止
            clearInterval(MoveTimeObj);
            if(GetObj('ISL_Cont').scrollLeft % PageWidth - fill != 0 ){
            Comp = PageWidth - GetObj('ISL_Cont').scrollLeft % PageWidth + fill;
            CompScr();
            }else{
            MoveLock = false;
            }
            AutoPlay();
            }
            function ISL_ScrDown(){ //下翻动作
            if(GetObj('ISL_Cont').scrollLeft >= GetObj('List1').scrollWidth){GetObj('ISL_Cont').scrollLeft = GetObj('ISL_Cont').scrollLeft - GetObj('List1').scrollWidth;}
            GetObj('ISL_Cont').scrollLeft += Space ;
            }
            function CompScr(){
            var num;
            if(Comp == 0){MoveLock = false;return;}
            if(Comp < 0){ //上翻
            if(Comp < -Space){
            Comp += Space;
            num = Space;
            }else{
            num = -Comp;
            Comp = 0;
            }
            GetObj('ISL_Cont').scrollLeft -= num;
            setTimeout('CompScr()',Speed);
            }else{ //下翻
            if(Comp > Space){
            Comp -= Space;
            num = Space;
            }else{
            num = Comp;
            Comp = 0;
            }
            GetObj('ISL_Cont').scrollLeft += num;
            setTimeout('CompScr()',Speed);
            }
            }
            //--><!]]>
            </script>