在實現(xiàn)以上這些功能之前溶耘，我們先來說一下我們這里輪播圖實現(xiàn)的原理
首先看一下html代碼
css樣式如下：
我們要實現(xiàn)的4張圖片的輪播效果坦仍，這里我們寫了6張圖片，是為了實現(xiàn)圖片的無縫滾動夸赫，我們在div上放置了4張圖片锭亏，通過設(shè)置div的overflow:屬性值為hidden;將其他圖片隱藏起來，只顯示第一張圖片十绑。通過改變div的left的值來設(shè)置顯示圖片聚至。這里圖片的寬度為1920px，顯示第一張圖片時left值為-1920px本橙，滾動到第2張圖片時扳躬， left值為-1920*2px，滾動到第3張時left值為-1920*3px，滾動到第4張圖片時left值為-1920*4px坦报。然后又會回到第一張圖片库说，此時left值又為-1920px。這樣無限滾動片择。
