|
|
@@ -0,0 +1,31 @@
|
|
|
+<!doctype html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta name="viewport"
|
|
|
+ content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
|
+ <title>Document</title>
|
|
|
+ <link href="https://cdn.bootcdn.net/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.css" rel="stylesheet">
|
|
|
+ <link href="https://cdn.bootcdn.net/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" rel="stylesheet">
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+<div id="owl-demo" class="owl-carousel">
|
|
|
+ <a class="item"><img src="https://swiperjs.com/demos/images/nature-1.jpg" alt=""></a>
|
|
|
+ <a class="item"><img src="https://swiperjs.com/demos/images/nature-1.jpg" alt=""></a>
|
|
|
+ <a class="item"><img src="https://swiperjs.com/demos/images/nature-3.jpg" alt=""></a>
|
|
|
+ <a class="item"><img src="https://swiperjs.com/demos/images/nature-4.jpg" alt=""></a>
|
|
|
+ <a class="item"><img src="https://swiperjs.com/demos/images/nature-5.jpg" alt=""></a>
|
|
|
+ <a class="item"><img src="https://swiperjs.com/demos/images/nature-6.jpg" alt=""></a>
|
|
|
+ <a class="item"><img src="https://swiperjs.com/demos/images/nature-7.jpg" alt=""></a>
|
|
|
+</div>
|
|
|
+<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js"></script>
|
|
|
+<script src="https://cdn.bootcdn.net/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.js"></script>
|
|
|
+
|
|
|
+<script>
|
|
|
+ $(function(){
|
|
|
+ $('#owl-demo').owlCarousel();
|
|
|
+ });
|
|
|
+</script>
|
|
|
+</body>
|
|
|
+</html>
|
sicong