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

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

• 兼容所有浏览器
• 支持响应式
• 支持 CSS3 过度
• 支持触摸事件
• 支持 JSON 及自定义 JSON 格式
• 支持进度条
• 支持自定义事件
• 支持延迟加载
• 支持自适应高度

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

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

Owl Carousel 使用方法：

新建一个HTML文件

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

<link rel="nofollow noopener noreferrer" href="css/owl.carousel.css" rel="external nofollow" rel="stylesheet">
<link rel="nofollow noopener noreferrer" href="css/owl.theme.css" rel="external nofollow" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/owl.carousel.js"></script>

2、HTML代码

<div id="owl-demo" class="owl-carousel">
 <div>1</div>
 <div>2</div>
 <div>3</div>
 <div>4</div>
 <div>5</div>
 <div>6</div>
 <div>7</div>
 <div>8</div>
</div>

3、JavaScript

$(function(){
 $('#owl-example').owlCarousel();
});

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

owlcarousel回调函数

owlcarousel自定义事件

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

到此这篇关于jQuery幻灯片插件owlcarousel参数说明中文文档就介绍到这了。人生，伟业的建立，不在能知，乃在能行。流年似水，如歌，承受委屈是一种胸怀，接受误解是一种心怀，这个世界上失去什么东西都不可怕，唯一可怕的是失去你的心，失去你的勇气，只要你坚韧不拔地奋斗，只要你看向未来，天边彩虹就永远属于你，生命的辉煌也一定永远属于你。更多相关jQuery幻灯片插件owlcarousel参数说明中文文档内容请查看相关栏目，小编编辑不易，再次感谢大家的支持！