微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦！

jQuery幻灯片插件owlcarousel参数说明中文文档

分类：jQuery作者：编程之家

Owl Carousel 是一个强大、实用但小巧的 jQuery 幻灯片插件，它具有一下特点：

浏览器兼容：兼容所有浏览器，包括 IE6、IE7。

jQuery 兼容：兼容 1.7 及以上版本。

Owl Carousel 使用方法

：

新建一个HTML文件

1、在HTML文件中引入Owl Carousel必须文件

rush:xhtml;"> nofollow" rel="stylesheet"> nofollow" rel="stylesheet">

2、HTML代码

rush:xhtml;">
2
3
4
5
6
7
8

3、JavaScript

rush:js;"> $(function(){ $('#owl-example').owlCarousel(); });

下面是Owl Carousel的中文参数与api说明：

参数 类型 默认值 说明 幻灯片每页可见个数幻灯片可见个数，格式为[X,Y]，X 为浏览器宽度，Y 为可见个数，如[1199,4]就是如果浏览器宽度小于1199，每页显示 4 张，此参数主要用于响应式设计。也可以使用 false默认为 false显示一张幻灯片切换速度，以毫秒为单位分页切换速度，以毫秒为单位utoplay自动播放，可选布尔值或整数，若使用整数，如 3000，表示 3 秒切换一次；若设置为 true，默认 5 秒切换一次自动播放显示“上一个”、“下一个”一个”、“下一个”文字，默认是[“prev”,”next”]一个显示分页分页按钮显示数字添加 CSS，如果不需要，最好不要使用主题样式，可以自行添加以符合你的要求分页时，如果跨页浏览，将不加载跳过页面的图片，只加载所要显示页面的图片，如果设置为 false，则会加载跳过页面的图片。这是 lazyLoad 的子选项图片的显示效果，默认以 400 毫秒淡入，若为 false 则不使用效果自动使用高度文件路径函数自定义 JSON 格式的函数关闭/开启鼠标事件幻灯片间距关闭/开启触摸事件添加 CSS3 过度效果

owlcarousel回调函数

变量 类型 默认值 说明 函数函数函数函数函数函数函数函数函数函数函数函数teraction函数函数函数函数函数函数

owlcarousel自定义事件

事件 说明 一个一个自动播放，可传递一个参数作为播放速度自动播放

以上既是jQuery幻灯片插件owlcarousel的中文参数说明与API，如果想修改owlcarousel的样式可以查找owl.carousel.css文件中的对应CSS代码

原文地址：https://www.jb51.cc/jquery/33537.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。

jQuery幻灯片插件owlcarousel中文说明owlcarousel插件

相关推荐

jquery页面搜索关键词突出显示
页面搜索关键词突出 // 页面搜索关键词突出 $(function () { $(".list_r").find('span').css({ // 每次搜索开始，先把所有字体颜色恢复初始状态 'color': "#838792"
jQuery实时显示日期、时间
jQuery实时显示日期、时间 html: <span id="time"></span> js: <script src="Js/jquery.min.js"></script> <%--引用jQuery
jQuery 添加水印
jQuery 添加水印 <script src="../../../../AJs/jquery.min.js"></script> <script type="text/javascript"> $(document).re
Sys.WebForms.PageRequestManagerParserErrorException:无法分析从服务器收到的消息
中文：Sys.WebForms.PageRequestManagerParserErrorException:无法分析从服务器收到的消息，之所以出现此错误，常见的原因是：通过调用Response.Write()修改相应时，将启用响应筛选器、HttpModules或服务器追踪。详细信息：分析附近的“输
Asp.net 后台调用js方法
1. 用Response.Write方法 代码如下： Response.Write("<script type='text/javascript'>alert("XXX");</script>"); 此方只能调用内部函数
Jquery实现按钮点击遮罩加载，处理完后恢复
Jquery实现按钮点击遮罩加载，处理完后恢复 思路： 1.点击按钮调用OnClientClick事件，添加dom元素及样式。 2.当Click中逻辑执行完后，在Click中调用js方法删除掉刚才添加的dom元素。 1 <%@ Page Language="C#" Auto
.Net后台调用js，提示、打开新窗体、关闭当前窗体
.Net后台调用js，提示、关闭当前窗体、打开新窗体 Response.Write("<script>window.alert('支付成功!');window.open('/JkCommerce/" + href + "',&
.net 搜索联想词
思路： 1.ajax请求后台方法获取数据。 2.通过jquery将请求到的数据显示在页面上。 前台 <div class="sc_con" id="bbsearch"> <input type="text" class=&
JS点击子元素不触发父元素点击事件(js阻止冒泡)
<html> <title></title> <head> <meta charset="utf-8"> <style type="text/css"> .divone{width:100
jQuery表单验证提交：前台验证一
jQuery表单验证提交：前台验证一（图文+视频）
苹果市值2025年有望达4万亿美元
pythonJavaScriptjavaHTMLPHPreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-boot