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小时内删除侵权内容。