bxslider轮播
最后更新于:2022-04-01 23:50:05
[TOC]
#bxslider插件应用
## 准备
去官网下载包,还有Jquery库(不要特别高的版本)官网地址http://bxslider.com 然后去找Download
**我们为什么要用slider呢?(个人觉得比国产Swiper好~)↓**  ## 使用方法 首先引用Jquery和下载下来的js,css ~~~ ~~~ html基础代码 ~~~ ~~~ body之前初始化代码,详细参数参见http://bxslider.com/options ~~~ $(document).ready(function(){ $('.slider1').bxSlider({ slideWidth: 200, minSlides: 2, maxSlides: 3, slideMargin: 10 }); }); ~~~ **网站里有个案例页面,看看你需要什么效果,然后去找http://bxslider.com/examples**
';
**我们为什么要用slider呢?(个人觉得比国产Swiper好~)↓**  ## 使用方法 首先引用Jquery和下载下来的js,css ~~~ ~~~ html基础代码 ~~~ ~~~ body之前初始化代码,详细参数参见http://bxslider.com/options ~~~ $(document).ready(function(){ $('.slider1').bxSlider({ slideWidth: 200, minSlides: 2, maxSlides: 3, slideMargin: 10 }); }); ~~~ **网站里有个案例页面,看看你需要什么效果,然后去找http://bxslider.com/examples**