// 简单记录一下，下次就知道vue动画都怎么做了。<transition name="fade"> <router-view ></router-view> </transition> .fade-enter { opacity:0; } .fade-leave{ opacity:1; } .fa ...
分类：
其他好文 时间：
2019-12-19 19:17:03
阅读次数：
92
这次实训学习到了很多知识，前后端都有所涉猎，但大多是后端的知识。 前端：我们学习了jQuery，通过jQuery可以实现前端的很多小功能，比如，切换隐藏与出现， 淡入淡出。这样的增加了页面功能和趣味性。还可以通过jQuery发送ajax请求，实现数据的局 部刷新，提高了网站质量。 后端：这次学习的大 ...
分类：
其他好文 时间：
2019-12-12 13:26:52
阅读次数：
116
Jquery淡入淡出轮播图 因为代码不多所以我就写一个html文件里了 html代码 <div class="banner"> <ul> <li><a href="javascript:;"><img src="./1 (1).png" /></a></li> <li><a href="javasc ...
分类：
Web程序 时间：
2019-12-02 13:28:49
阅读次数：
89
知识点：fadeIn fadeOut fadeToggle fadeTo 1 <style> 2 div { 3 width: 150px; 4 height: 300px; 5 background-color: pink; 6 display: none; 7 } 8 </style> 9 <b ...
分类：
Web程序 时间：
2019-11-29 13:15:27
阅读次数：
109
效果 隐藏与显示 hide() 和 show() 淡入淡出 fadeIn(speed,callback)、fadeOut(speed,callback)、 fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换、fadeTo(speed,opacity,ca ...
分类：
Web程序 时间：
2019-11-17 14:58:36
阅读次数：
109
``` #toast{ position: fixed; top: 44%;left:50%;transform: translateX(-50%); min-width: 80px; max-width: 180px; min-height: 18px; padding: 10px; line-h... ...
分类：
Web程序 时间：
2019-10-22 15:33:32
阅读次数：
319
大家好我是QD小白，这是人生第一次写博客，准备写的内容是Jquery淡入淡出轮播图实现，在此之前学习JS写的轮播图效果都感觉不怎么好，学习了jQuery里的淡入淡出效果后又写了一次轮播图效果明显感觉好了许多。现在我就来分享下自己写轮播图的思路和方法。 HTML部分： <div id="img-box ...
分类：
Web程序 时间：
2019-10-16 21:27:35
阅读次数：
106
1、淡入淡出效果 fadeIn() 淡入 fadeOut() 淡出 fadeToggle() 切换 fadeTo(speed, opcity) 淡出到哪个地步，速度和透明度参数必选 案例：高亮显示 2、自定义动画 .animate() 语法： .animate(params, [speed], [e ...
分类：
Web程序 时间：
2019-09-27 21:13:31
阅读次数：
105
任何Slider都是一个易于使用且支持触摸的jQuery插件，允许您为任何html内容创建可自定义的滑块，如图像，文本，视频等。 特征： 重量轻，易于使用 支持键盘导航 使用淡入淡出或幻灯片过渡以及自定义缓动 支持自动播放 有很多选项可以自定义您自己的滑块 基本用法： 1.标记html结构 2.在页 ...
分类：
Web程序 时间：
2019-09-10 13:20:03
阅读次数：
155
