bxCarousel参数说明:
move:每次滚动移动图片的数量,默认为4。
display_num:展示图片的数量,默认为4。
speed:图片滚动速度,默认为500毫秒。
margin:">

首頁  >  文章  >  web前端  >  jQuery css實作圖片滾動效果(附源碼)_jquery

jQuery css實作圖片滾動效果(附源碼)_jquery

WBOY
WBOY原創
2016-05-16 17:40:231131瀏覽

原始碼下載

jQuery css實作圖片滾動效果(附源碼)_jquery
bxCarousel參數說明:
move:每次滾動移動圖片的數量,預設為4。
display_num:展示圖片的數量,預設為4。
speed:圖片滾動速度,預設為500毫秒。
margin:圖片間的間距,預設為0。
auto:是否自動捲動,預設為false。
auto_interval:當設為自動滾動時,每次滾動的時間間隔(毫秒),預設為2000毫秒即2秒。
auto_dir:自動滾動的方向,預設為next,你可以試試prev。
next_image:向右滾方向按鈕圖片,可以用CSS設定。
prev_image:向左滾方向按鈕圖片,可以用CSS設定。
auto_hover:滾動時,滑鼠滑上圖片時是否停止滾動,預設為false。
controls:是否顯示左右捲動按鈕圖片,預設為true。
複製程式碼 程式碼如下:







jQuery+CSS实现的图片滚动效果








jQuery CSS 實現的圖片捲動效果 ;




身材>

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn