Django使用bootstrap實現輪播功能【IMUSTCTF開發筆記】

實現滾動的方法

通過JavaScript

通過下面方法使用JS控制輪播(實現自動滾動)：

$('.carousel').carousel()

interval number 5000 自動循環項目之間的延遲時間（即滾動時間），如果為false，則整個輪播組件不會自動滾動（僅支持手動滾動）-在調試CSS樣式時這很實用。

keyboard boolean true 是否應對鍵盤事件作出反應，如果選擇true則可以通過鍵盤上的左<-右->方向鍵進行切換控制。

pause string | boolean “hover”

如果設置為"hover", 則鼠標移在動畫屏幕上暫停旋轉，并在移開鼠標后恢復旋轉事件（這是默認屬性）；如設置為false,則鼠標移上去輪播動畫不會暫停。

在觸摸屏幕上，當設置為"hover"屬性時，循環將在觸控時暫停（一旦用戶完成與旋轉事件的交互）兩個時間間隔自動恢復。 請注意，這是上述鼠標行為的補充。

解釋

ride string false 在用戶手動循環第一個項目后自動播放傳送帶， 如果“carousel”則加載時自動播放傳送帶。

wrap boolean true 轉盤是否應該連續循環或難以停止。

.carousel(‘cycle’)

從左到右循環播放。

.carousel(‘pause’)

通過事件停止幻燈片播放。

.carousel(number)

將輪播循環到特定的幀（基于0，類似數組），在 目標被顯示之前回傳給調用用者 (即 slid.bs.carousel 事件之前)。

.carousel(‘prev’)

將輪播指向前一幀幻燈片，在前一個目標被顯示之前回傳給調用者 (即 slid.bs.carousel 事件之前)。

.carousel(‘next’)

將輪播指向后一幀幻燈片，在前一個目標被顯示之前回傳給調用者 (即 slid.bs.carousel 事件之前)。

.carousel(‘dispose’)

銷毀一個輪播的控件。

展示成果

Bootstrap django

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。