當前位置:編程學習大全網 - 網站源碼 - jquery 圖片無縫滾動問題

jquery 圖片無縫滾動問題

思路:

點擊左邊--

1.將第壹個LI向左滑動,滑動的數值就是LI的寬度。(這裏是用負margin-left來實現移動。)

2.滑動完成後,將這個LI插入到整個LI的最後壹個(實現無縫滾動)

點擊右邊--

1.將最後壹個LI插入到所有LI的第壹個,並將其定位到可見區域之外,(這裏用的是margin)

2.再將其滑動到可見區域。

註意:這裏的IF判斷語句,是為了防止連續點擊“左”或“右”的銨鈕,而出現的BUG;

這判斷的意思:只有當LI不處於動畫狀態時,才執行移動函數。只要處於動畫狀態,點擊時,任何事都不發生。

  • 上一篇:js如何禁止被未經許可的網站直接調用
  • 下一篇:動量,沖量題
  • copyright 2024編程學習大全網