实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
​x
 
1
•<!DOCTYPE html>
2
<html lang="zh-CN">
3
<head>
4
<meta charset="utf-8">
5
<title>jQuery幻灯片插件Owl Carousel演示-自定义JSON</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%; border: 0 none;}
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
        jsonPath: '/api/jq/5733e359e0d42/json/customData.json',
20
        jsonSuccess: customDataSuccess
21
    });
22
​