• 故事中美两军举行人道主义救援减灾联合实兵演练 2019-08-13
  • 掌握新思想 开拓新实践——深入贯彻落实党的十九大精神系列述评之二 2019-07-30
  • “草原英雄小姐妹”走进山城 2019-07-01
  • 高清:里约奥运会奖牌曝光 大部分由再生材料制成 2019-06-27
  • 在楼主大谈共产主义分配的时候,希望楼主先说明一下对马克思关于共产主义基本原则的理解。一个社会如果仍然存在“按劳动分配”,怎么会是“每一个个人的全面而自由的发展” 2019-06-25
  • 河北法院:打造互联网+诉非衔接的人民法庭工作新机制 2019-06-25
  • 芯片是汽车产业发展的基石  专家呼吁建立"汽车芯片智库" 2019-06-13
  • “高深文学创作回顾研讨会”在北京举行 2019-06-13
  • 江苏专项督查基础教育问题 择校热、大班额成重点 2019-06-08
  • 14599元!索尼A7M3发布:续航翻番、支持4K视频 2019-06-08
  • 首页 春城壹网 七彩云南 一网天下 2019-05-22
  • QFII政策调整引增量资金入场 “成长+大消费”或成布局重点 2019-05-22
  • 密印“农禅”:何以在蛮荒之地举起文明火把(图) 2019-05-18
  • 20180531 袁隆平:海水稻打破纪录,杂交稻走向全球 2019-05-17
  • 晋城:八项重点打好水污染防治攻坚战 2019-05-15
  • 欢迎访问

    今日云南11选5走势图:云南鼎浩信息技术有限公司官方网站,云南网站建设诚信品牌!

    DING HAO COLUMN 鼎浩专栏

    鼎浩的一些分享
    Sharing from Ding Hao

    响应式内容滑动插件bxSlider

    来源:云南11选五走势图500期     2013年07月02日16:02
    字号:T|T

    云南11选五走势图500期 www.a-mcl.com 响应式WEB设计可以让WEB页面自适应各种尺寸的屏幕,俨然已经成为了当今WEB设计趋势。本文将介绍一款基于jQuery的响应式内容滑动插件以及如何使用这款插件到你的WEB应用中,满足各类WEB设计需求。

    查看演示DEMO 下载源码

    bxSlider特性

    1.充分响应各种设备,适应各种屏幕;

    2.支持多种滑动模式,水平、垂直以及淡入淡出效果;

    3.支持图片、视频以及任意html内容;

    4.支持触摸滑动;

    5.支持Firefox,Chrome,Safari,iOS,Android,IE7+

    如何使用bxSlider

    1、首先是加载jQuery库,以及bxSlider插件文件和相关CSS文件,您可以从官方网站下载最新版本的bxSlider。

    
    

    2、准备滑动内容,我们创建一个ul.bxslider,然后在其子元素li中加入滑动内容,滑动内容可以是图片、视频以及任意html内容:

    3、调用bxSlider插件,当页面内容加载完时调用bxSlider。

    $(function(){
    	$('.bxslider').bxSlider();
    });

    这样,一个超酷的内容滑动效果就实现了,查看演示demo,将浏览器窗口放大和缩小可以看到滑动内容会随着浏览器窗口自动调整大小。bxSlider提供了丰富的配置选项,可以设置不同参数满足各种客户需求,来看它的选项配置。

    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


    客服中心
    点击进行在线咨询

    QQ咨询 咨询QQ:79929313 咨询QQ:88139574 咨询QQ:122790803

    咨询热线:0871-63399840

    客服热线:0871-63523332

    客服中心 客服中心
  • 故事中美两军举行人道主义救援减灾联合实兵演练 2019-08-13
  • 掌握新思想 开拓新实践——深入贯彻落实党的十九大精神系列述评之二 2019-07-30
  • “草原英雄小姐妹”走进山城 2019-07-01
  • 高清:里约奥运会奖牌曝光 大部分由再生材料制成 2019-06-27
  • 在楼主大谈共产主义分配的时候,希望楼主先说明一下对马克思关于共产主义基本原则的理解。一个社会如果仍然存在“按劳动分配”,怎么会是“每一个个人的全面而自由的发展” 2019-06-25
  • 河北法院:打造互联网+诉非衔接的人民法庭工作新机制 2019-06-25
  • 芯片是汽车产业发展的基石  专家呼吁建立"汽车芯片智库" 2019-06-13
  • “高深文学创作回顾研讨会”在北京举行 2019-06-13
  • 江苏专项督查基础教育问题 择校热、大班额成重点 2019-06-08
  • 14599元!索尼A7M3发布:续航翻番、支持4K视频 2019-06-08
  • 首页 春城壹网 七彩云南 一网天下 2019-05-22
  • QFII政策调整引增量资金入场 “成长+大消费”或成布局重点 2019-05-22
  • 密印“农禅”:何以在蛮荒之地举起文明火把(图) 2019-05-18
  • 20180531 袁隆平:海水稻打破纪录,杂交稻走向全球 2019-05-17
  • 晋城:八项重点打好水污染防治攻坚战 2019-05-15
  • 极速快乐8开奖结果 浙江20选5官方维一体彩网 大乐透走势图开奖预测 彩报第三版图 500彩票网主页 极速快3app下载 689电子游戏机 南粤36选7走势 合数单双中特公式 必发开奖直播 广东快乐十分开奖记录 北京28骗局过程 北京pk拾冠军计划免费 老k棋牌斗地主 法甲篮球联赛比分