实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
​x
 
1
•<!DOCTYPE html>
2
<html lang="zh-CN">
3
<head>
4
<meta charset="utf-8">
5
<title>jQuery幻灯片插件Owl Carousel演示-延迟加载(Lazy Load)</title>
6
<style>
7
#owl-demo { width: 900px; margin-left: auto; margin-right: auto;}
8
#owl-demo .item{ display: block; margin: 5px;}
9
#owl-demo img { display: block; width: 100%;}
10
</style>
11
        <link href="/api/jq/5733e359e0d42/css/owl.carousel.css" rel="stylesheet">
12
        <link href="/api/jq/5733e359e0d42/css/owl.theme.css" rel="stylesheet">
13
        <script src="http://www.sucaihuo.com/Public/js/other/jquery.js"></script>
14
        <script src="/api/jq/5733e359e0d42/js/owl.carousel.js"></script>
15
<script>
16
$(function(){
17
    $('#owl-demo').owlCarousel({
18
        items: 4,
19
        lazyLoad: true,
20
        navigation: true,
21
        navigationText: ["上一个","下一个"]
22
    });