为什么无法实现效果?

来源:1-4 如何使用插件

qq_鸭绿桥第一帅哥_0

2019-01-30 13:46:47

http://img.mukewang.com/climg/5c513a370001ee0e07500387.jpg

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>g</title>
<link href="https://cdn.bootcss.com/slick-carousel/1.9.0/slick-theme.min.css" rel="stylesheet">
<link href="https://cdn.bootcss.com/slick-carousel/1.9.0/slick.css" rel="stylesheet">
</head>
<body>
   <div class="your-class">
    <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>
  <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script>
  <script src="https://cdn.bootcss.com/slick-carousel/1.9.0/slick.js"></script>
  <script>
   $(document).ready(function(){
      $('.your-class').slick();
    });
  </script>
</body>
</html>


写回答

1回答

好帮手慕夭夭

2019-01-30

你好同学 ,测试了一下同学的代码 , 插件的滑动效果是可以实现的 , 不过插件官网中只是给展示了一个效果 , 使用的时候并不会像有样式 , 但是可以正常的滑动 . 如下把文件下载到本地使用后 ,测试效果 :

http://img.mukewang.com/climg/5c51638800017f0619200461.jpg

样式上面可以自己设置一下 . 使用第三方提供的链接引入 ,可能会由于网络不好请求不到 .建议同学在使用插件的时候 ,可以在官网上直接下载在本地使用 . 如下:

地址 :http://kenwheeler.github.io/slick/

如下点击下载 :

http://img.mukewang.com/climg/5c51640b0001867710570505.jpg

官网中也给出了代码 :

http://img.mukewang.com/climg/5c51644f0001c9cb08250755.jpg

可以再自己试一试 , 祝学习愉快 ! 望采纳 .

0

0 学习 · 36712 问题

查看课程