强大实用的jQuery幻灯片插件Owl Carousel
来源:互联网 发布:会员软件管理系统单机 编辑:程序博客网 时间:2024/06/05 09:24
简介
Owl Carousel 是一个强大、实用但小巧的 jQuery 幻灯片插件,它具有一下特点:
- 兼容所有浏览器
- 支持响应式
- 支持 CSS3 过度
- 支持触摸事件
- 支持 JSON 及自定义 JSON 格式
- 支持进度条
- 支持自定义事件
- 支持延迟加载
- 支持自适应高度
- ……
Owl Carousel 提供了众多的参数、回调函数及自定义事件(具体请往下浏览),所以它几乎可以满足你的所有要求。
兼容
浏览器兼容:兼容所有浏览器,包括 IE6、IE7。
jQuery 兼容:兼容 1.7 及以上版本。
使用方法
1、引入文件
<link href="css/owl.carousel.css" rel="stylesheet"><link href="css/owl.theme.css" 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();});
参数
回调函数
自定义事件
演 示 下 载
0 0
- 强大实用的jQuery幻灯片插件Owl Carousel
- 强大实用的jQuery幻灯片插件Owl Carousel
- 强大实用的jQuery幻灯片插件Owl Carousel
- jQuery幻灯片插件Owl Carousel之itemsDesktop的使用
- Owl Carousel 2强大的响应式jQuery旋转木马插件
- Jquery轻量级幻灯插件-OWL Carousel--支持触屏的移动浏览器
- Jquery轻量级幻灯插件-OWL Carousel--支持触屏的移动
- 支持触摸屏的响应式jQuery旋转木马插件--Owl Carousel
- owl carousel2 幻灯片/轮播插件
- 支持30+种类型幻灯片|轮播图|旋转木马的强大jQuery插件
- owl.carousel轮播插件实例化一次
- jQuery Feature Carousel 旋转插件
- imgslideshow: 基于 jQuery 的图片幻灯片插件
- 15个幻灯片效果的JQuery插件
- 15个幻灯片效果的JQuery插件
- 一个简单的jquery幻灯片插件
- jquery实用的插件
- 实用的jQuery插件
- 6.2 GitHub - 对项目做出贡献
- bzoj1687: [Usaco2005 Open]Navigating the City 城市交通
- 遇到的拦路虎,让我不开心 ̄へ ̄
- 深度学习(二十三)Maxout网络学习-ICML 2013
- 服务器基础:聊聊c10k问题及解决方法
- 强大实用的jQuery幻灯片插件Owl Carousel
- Java栈与堆
- 中间件的分类和作用
- Android开发动态获取控件宽高
- java中Collections.sort排序详解
- 欢迎使用CSDN-markdown编辑器
- 6.3 GitHub - 维护项目
- Android Java端的Socket.io-client
- Github上如何取消fork点错的repository、github删除仓库