最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jquery响应式幻灯片插件bxSlider
时间:2022-06-25 17:25:18 编辑:袖梨 来源:一聚教程网
bxSlider 是一款免费的 jQuery Slider 的插件,它可以实现 内容和图片幻灯片滚动效果,支持响应式,自适应各种尺寸的屏幕,桌面和手机等各种设备都能完美适应。
bxSlider 详细功能
完全响应式:支持所有设备。
支持水平,垂直和淡入淡出等模式。
支持图片,视频和 HTML 内容等幻灯片。
内置支持触摸和滑动等高级操作。
使用 CSS transitions 来实现幻灯片动画(原生硬件加速)。
完整的回调 API 和接口。
插件体积非常小,但是包含完整的主题,非常容易集成。
支持 Firefox, Chrome, Safari, iOS, Android, IE7+ 等几乎所有的浏览器。
非常详细的功能配置选项。
bxSlider下载地址:
http://bxslider.com/lib/jquery.bxslider.zip
bxSlider使用教程
1. 首先加载 jQuery JS 库和下载并加载 bxSlider 的 JS 和 CSS 库:
css" rel="stylesheet" />
2. 创建一个对应的 HTML 代码:
3. 调用 bxSlider:
$(document).ready(function(){
$('.bxslider').bxSlider();
});
bxSlider参数选项
bxSlider提供了丰富的选项可配置,以下我们列出最主要也是最常用的选项设置
相关文章
- 《无限暖暖》天星之羽获得位置介绍 12-20
- 《流放之路2》重铸台解锁方法介绍 12-20
- 《无限暖暖》瞄准那个亮亮的成就怎么做 12-20
- 《无限暖暖》魔气怪终结者完成方法 12-20
- 《无限暖暖》曙光毛团获得位置介绍 12-20
- 《无限暖暖》日光果获得位置介绍 12-20