1-6插件
来源：1-4 如何使用插件
Ring__
2017-10-31 10:38:23
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.panel {
width: 300px;
margin: 50px 0 0 50px;
box-shadow: 0 0 10px #999;
line-height: 1.8;
text-align: center;
font-size: 20px;
color: #fff;
}
.title {
background-color: #c7731f;
}
h1 {
margin: 0;
padding: 0;
}
.body {
padding: 30px 10px;
background-color: #5298c7;
}
</style>
</head>
<body>
<div class="panel">
<div class="title">
<h1>唐诗一首</h1>
</div>
<div class="body">
<p>
白日依山尽，<br>
黄河入海流。<br>
欲穷千里目，<br>
更上一层楼。<br>
</p>
</div>
</div>
<!-- <script src="../jqueryDownload/jquery-1.11.3.min.js"></script> -->
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script> -->
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script type="text/javascript">
$(function () {
$('.title').click(function () {
$(this).siblings('.body').slideUp(1000, 'easeInoutCirc');
})
})
</script>
</body>
</html>
--------------------------------------
视频看了好几遍，cdn弄了好久个，依然没效果，老师好像一开头就下好链接了吧，
唐诗那块还没弄出来呢
5回答
-
Ring__
提问者
2017-10-31
研究了一天总算做出来了，谢谢各位老师！
0 -
樱桃小胖子
2017-10-31
调用的动画名称写错了，$(this).siblings('.body').slideUp(1000, 'easeInoutCirc');中的动画名称应该是easeInOutCirc，要细心一些，祝学习愉快！
0 -
小丸子爱吃菜
2017-10-31
在课程的右侧有关于插接的PPT，里面有关于如何寻找插件的介绍，可以打开查看一下！
可以再这个网站中去查找并下载插件：http://plugins.jquery.com/slick/。查找资源这种技能，相信大家都是很厉害的，利用好搜索引擎去寻找。
祝学习愉快！
0 -
Ring__
提问者
2017-10-31
弄不出来，一直报错，麻烦老师提供下载路径，
还有slick的官网访问不了，demo打不开
0 -
Miss路
2017-10-31
你用本地的包，不要用网上的cdn，一般开发都是要用本地的，线上的网速不好的话会影响。所以建议你用本地的包来做。祝学习愉快！
0
相似问题