jQuery插件bxSlider实现响应式焦点图
更新时间：2015年04月12日 22:26:29 投稿：hebedich
bxSlider特性1.充分响应各种设备，适应各种屏幕；2.支持多种滑动模式，水平、垂直以及淡入淡出效果；3.支持图片、视频以及任意html内容；4.支持触摸滑动；5.支持Firefox，Chrome，Safari，iOS，Android，IE7+，下面我们就来详细探讨下吧。
优秀响应式jQuery焦点图插件bxSlider，优秀响应式布局设计jQuery插件，自适
应任何设备，切换内容可以是视频、图片、HTML、支持触摸设备，自定义函数
callback,支持众多的参数自定义配置，浏览器支持Firefox, Chrome, Safari,
iOS, Android, IE7+。
使用方法：
1. 加载jQuery和插件
<!-- jQuery library (served from Google) --> <script src="jquery/1.8.2/jquery.min.js"></script> <!-- bxSlider Javascript file --> <script src="/js/jquery.bxslider.min.js"></script> <!-- bxSlider CSS file --> <link href="/lib/jquery.bxslider.css" rel="stylesheet" />
2.HTML内容
<ul class="bxslider"> <li><img src="/images/pic1.jpg" /></li> <li><img src="/images/pic2.jpg" /></li> <li><img src="/images/pic3.jpg" /></li> <li><img src="/images/pic4.jpg" /></li> </ul>
3.函数调用
$(document).ready(function(){
$('.bxslider').bxSlider();
});
以上所述就是本文的全部内容了，希望大家能够喜欢
相关文章
这篇文章主要为大家详细介绍了jQuery蓝色风格滑动导航栏特效，实现滑块跟随鼠标左右滑动，简单、时尚、大方，有需要的小伙伴可以参考下2015-08-08
基于jQuery的360图片展示实现代码，需要的朋友可以参考下2012-06-06
有时候我们需要得到浏览器窗口内容部分的高度，而不是整个窗口的高度。我试了下JQuery下的window对象，似乎读的正是内容部分，有点意外，不过恰好满足了我们的要求2012-02-02
jQuery是一款非常优秀的javascript框架，当我们使用到jQuery后就再也不想回到javascript时冗长的代码，那么jQuery的优化就摆在了我们的面前。那么我们优化JQuery应该从那些方面入手呢？2014-05-05
jQuery的Ajax用户认证和注册技术实例教程(附demo源码)
这篇文章主要介绍了jQuery的Ajax用户认证和注册技术,结合完整实例较为详细的分析讲解了jQuery中ajax方法实现用户验证与注册的相关技巧与注意事项,并附带了demo源码供读者下载,需要的朋友可以参考下2015-12-12
每一段jQuery对应一段html代码，以标记为准则,css为共用代码，每段代码需独立运行。html和css代码在文章尾部，如下例2012-02-02
这篇文章主要为大家详细介绍了jQuery用户头像裁剪插件cropbox.js的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
这篇文章主要介绍了jQuery使用zTree插件实现树形菜单和异步加载的相关方法，感兴趣的小伙伴们可以参考一下2016-02-02
history历史记录插件可以帮助您回到您的JavaScript支持应用程序/前进按钮和书签。你可以存储到应用程序状态的网址散列和恢复它的状态。2010-12-12
这篇文章主要介绍了jQuery实现的自定义滚动条插件的使用方法。需要的朋友可以参考借鉴2016-12-12
最新评论