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+。

非常优秀响应式jQuery焦点图插件bxSlider

使用方法：

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(); 
});

函数选项配置请自定义配置。
查看DEMO 官网下载

以上所述就是本文的全部内容了，希望大家能够喜欢

您可能感兴趣的文章:

jQuery.extend 函数及用法详细
Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起通过本篇文章学习jquery.extend函数及用法详解吧
2015-09-09
细说浏览器特性检测(2)-通用事件检测
在上一篇中介绍了jQuery1.4版本新增的几个浏览器特性检测方案和具体的目的，本文将以事件为中心，介绍一个较为完整、通用的事件检测方案。
2010-11-11
Jquery取得iframe下内容的方法
这篇文章主要介绍了Jquery取得iframe下内容的方法，有需要的朋友可以参考一下
2013-11-11
jquery教程限制文本框只能输入数字和小数点示例分享
这篇文章主要介绍了JQuery限制文本框只能输入数字和小数点的方法，大家参考使用吧
2014-01-01
jQuery UI库中dialog对话框功能使用全解析
这篇文章主要介绍了jQuery UI库中dialog对话框功能使用全解析,文中列举了各种常用的dialog属性,整理得很全面,需要的朋友可以参考下
2016-04-04
jQuery 一个图片切换的插件
B/S开发的朋友，首页常常需要一些新闻图片切换的特效，鉴于jQuery良好的插件开发机制，我也常常自己写一些实用的小插件，这里分享一个新闻图片切换插件
2011-10-10
JQuery live函数
给指定id或class的元素绑定（bind）事件时，对于改变或新加的元素，事件不会起作用，这时我们就要用live函数，它可以让子元素继承父元素的事件。
2010-12-12
基于jQuery实现点击弹出层实例代码
基于jquery实现点击链接弹出层效果，其基本实现原理是这样的：jquery操作DOM元素。对层样式的设置。将display:设置为none;让层隐藏；对jq点击弹出层相关知识感兴趣的朋友一起学习吧
2016-01-01
jQuery插件slicebox实现3D动画图片轮播切换特效
Slicebox是一款效果非常华丽的jquery和css3 3d幻灯片插件。Slicebox幻灯片插件能够将图片切片，然后做3d旋转。Slicebox幻灯片插件共有4种效果，视觉冲击感非常强。
2015-04-04
jQuery插件windowScroll实现单屏滚动特效
本文给大家分享的是一个使用jQuery插件windowScroll实现的单屏滚动的特效，主要参考搜狗浏览器4.2版本首页的上下滚动效果。主要实现整个窗口的上下和左右滚动逻辑，非常的实用。
2015-07-07