在这个移动端渐渐占到很大比重的年代,响应式页面就非常的有必要了。之前的一些前端js插件在响应式下表现的都不那么尽如人意,因此也慢慢的出现了很多专门为移动端写的js插件。这个“bxSlider”就是一款响应式的幻灯片js插件。
bxSlider特性
充分响应各种设备,适应各种屏幕;
支持多种滑动模式,水平、垂直以及淡入淡出效果;
支持图片、视频以及任意html内容;
支持触摸滑动;
支持Firefox,Chrome,Safari,iOS,Android,IE7+
bxSlider使用方法:
加载jQuery库,加载bxSlider插件文件和相关CSS文件;
创建一个幻灯片区块:
<ul class="bxslider"> <li><img src="images/img1.jpg" /></li> <li><img src="images/img2.jpg" /></li> <li><img src="images/img3.jpg" /></li> </ul>
加上bxSlider参数激活使用:
<script type="text/javascript">$(document).ready(function(){$('.bxslider').bxSlider({auto: true,autoControls: true});});</script>
bxSlider下载地址:官方下载
bxSlider具体参数:
参数 | 描述 | 默认值 |
mode | 设置滑动模式,'horizontal':水平, 'vertical':垂直, 'fade':淡入淡出 | horizontal |
speed | 内容切换速度,数字,ms | 500 |
startSlide | 初始滑动位置,数字 | 0 |
randomStart | 随机初始滑动位置 | true |
infiniteLoop | 循环滑动,如果设置为true时,则到最后滑动位置时会切换到初始位置 | true |
easing | 切换动画扩展,可以借助jQuery Easing 动画效果扩展设置不同的切换动画效果 | null |
captions | 设置显示图片标题,当滑动内容为图片时并设置属性title,可以显示图片标题 | false |
video | 支持视频,当设置为true时,需要jquery.fitvids.js支持 | false |
pager | 设置是否显示分页,设置为true时,会在滑动内容下方显示分页图标 | true |
controls | 设置是否显示上一副和下一幅按钮 | true |
auto | 设置是否自动滑动 | false |
pause | 自动滑动时停留时间,数字,ms | 4000 |
autoHover | 当鼠标滑向滑动内容上时,是否暂停滑动 | false |
相关推荐
- zblogphp1.7版本完整安装包、在线安装包下载08-28
- 诈尸?dedecms发新版了!DedeCMSV6正式发布 dedecms最新版下载11-03
- 2020年 zblog1.6版本终于上线了03-26
- 唐朝“百搭会员中心”插件开源了 zblog会员插件下载地址03-03
- wordpress程序下载 wordpress程序网盘下载10-27
- 阿里巴巴全新免费可商用字体 阿里巴巴普惠体 附官方下载地址04-28
- 终于...zblog导航栏管理插件出来了!11-02
- emlog6.0正式版正式上线!emlog6.0正式版下载10-03
- emlog5.3.1正式版下载地址 emlog免费打包百度网盘下载08-16
- 比较推荐的js插件:swiper[swiper介绍、swiper下载]09-19
- zblogphp会员中心插件:用户中心03-27
- zblogasp1.8常用插件合集:ytcms1.8、xiaoyi_FirstIMG、 NOBIRDArticleSEO11-06
- zblog1.5正式发布:Z-BlogPHP 1.5 Zero Released!10-31
- JQ美化滚动条插件”Nicescroll.js“下载和用法04-24
- zblog的商城插件!ZCenter上架销售中03-27
- 响应式幻灯片js插件“bxSlider” bxSlider下载+参数说明11-17
欢迎 你 发表评论: 取消回复
- 最新文章
- 热文排行
- 最多评论
- 1vue3项目引入vant报错的错误原因和解决办法03-12
- 2天兴工作室zblog百科主题 可搭配会员插件实现知识付费盈利03-06
- 3zblog怎么截取指定字数的摘要?zblog摘要自定义截取方法介绍02-29
- 4天兴工作室2023双11活动:五折优惠券大放送11-05
- 5腾讯云2023双11活动:2H2G3M轻量服务器88一年限新用户11-05
- 6新老同享 阿里云2023双11活动:2核2G3M带宽云服务器99元/年!10-31
- 7天兴工作室zblog免登录付费阅读插件 支持支付宝微信支付虎皮椒支付10-09
- 8[已下线] 天兴工作室2023双节活动:五折优惠券09-29
- 951.la统计的js文件被劫持了会跳转违法网站09-27
- 标签聚合
- ×1GetTagList×1Rewrite规则×1会员注册×1网站设置×1swiper下载×1win8平板×1主题配置×2广告位×1定制主题×2更新×1zblogphp下载×1登陆地址×1zblogcsm模板×1AppSecret×1tab切换×1zblog文章数×1bxSlider参数×1二级目录×1导航栏固定×3wordpress函数
最新评论
-
天兴工作室
01-19没听懂 你是要批量创建分类?这是插件的事情主题不会考虑的 -
访客
01-18分类一个一个设置太麻烦了。能不能在主题设置里添加对分类的设置。 -
天兴工作室
01-16没太理解你的需求,麻烦联系我们的在线qq2076496616提供订单号详细说明下需求 -
访客
01-16点击分类,能不能下面显示所有分类的名字。 -
天兴工作室
01-13多条件筛选很麻烦,主题不考虑加,有需求可以联系我定制
有 1 位网友评论:
淘小众 7年前 (2016-12-05) 回复
这是好东东,收藏了