フロントエンドシームレススクロール

2780 ワード

画像とjqueryを変更し、対応する幅があれば使用できます.
実際に画像を置くよりも1枚多く、最後から2枚目を最後の1枚に切り替えて完成したばかりのとき、一瞬にしてul全体をleftが0に等しい位置に移動し、次に私たちが見たのは1枚目から2枚目の画像の切り替えなので、最後の1枚目が直接1枚目に切り替わるような違和感はありません.
  • オンラインdemoアドレス:www.aazzp.com
  • 
     
     
         
                
               
    
     
     
    
         
    • ![](img/nba01.jpg)
    • ![](img/nba02.jpg)
    • ![](img/nba03.jpg)
    • ![](img/nba04.jpg)
    • ![](img/nba05.jpg)
    • ![](img/nba01.jpg)
    $(function(){ function slideImg(obj,width){// var children = obj.children('li').length - 1; setInterval(function(){ var left = parseInt(obj.css('left')); if(left<=-width*children){ obj.css('left',0); left = -width; }else{ left -= width; } left = left+ 'px'; obj.animate({left: left}); },2000) ;// } slideImg($('#slide-box').find('ul'),615); // ul })
  • オンラインdemoアドレス:www.aazzp.com

  • 同類の文章
    先端垂直中央 jqueryベースのマスクポップアップボックス