幻灯片/轮播
Owl Carousel响应式焦点图轮播插件
PetitQ
Owl Carousel 是非常强大的 jQuery 焦点图插件，这个焦点图插件功能众多，高度可定制性，支持触摸设备，并且是响应式的。
引入必要的 js 文件和 css 文件
<!-- Important Owl stylesheet -->
<link rel="stylesheet" href="owl-carousel/owl.carousel.css">
<!-- Default Theme -->
<link rel="stylesheet" href="owl-carousel/owl.theme.css">
<!-- jQuery 1.7+ -->
<script src="jquery-1.9.1.min.js"></script>
<!-- Include js plugin -->
<script src="assets/owl-carousel/owl.carousel.js"></script>
也想出现在这里？联系我们吧
HTML 结构:
使用 Owl Carousel 焦点图插件只需要创建一个 div，给它一个特定的 classowl-carousel 既可。
<div id="owl-example" class="owl-carousel">
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
...</div>
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
