jquery控制左右箭头滚动图片列表的实例

2020-05-23 06:03:46易采站长站整理

             })
             next.click(function(){
                 if(iNow<oLen-3){
                     iNow++
                 }
                 ClickScroll();
             })
             function ClickScroll(){
                 iNow==0? prev.addClass(‘no_click’): prev.removeClass(‘no_click’);
                 iNow==oLen-3?next.addClass(“no_click”):next.removeClass(“no_click”);
                 oPic.animate({left:-iNow*210})
             }
         })
 
     </script>
 </head>
 <body>
     <div class=”slider”>
         <span class=”prev no_click” id=”prev”><<</span>
         <span class=”next ” id=”next”>>></span>
       <div id=”slider_pic”>
         <ul>
            <li><img src=”http://huoche.7234.cn/images/jb51/wddid2d3hhn.jpg” width=”200″ height=”130″ /></li>
            <li><img src=”http://huoche.7234.cn/images/jb51/4uvnei5f03z.jpg” width=”200″ height=”130″ /></li>
            <li><img src=”http://huoche.7234.cn/images/jb51/k4rwkeorgba.jpg” width=”200″ height=”130″ /></li>
            <li><img src=”http://huoche.7234.cn/images/jb51/tshbce5qq3q.jpg” width=”200″ height=”130″ /></li>
            <li><img src=”http://huoche.7234.cn/images/jb51/w4yajbpox3r.jpg” width=”200″ height=”130″ /></li>