（1）通过npm安装： npm install wowjs --save-dev animate.css会自动安装。 （2）在main.js中引入animate.css import 'wowjs/css/libs/animate.css 在组件需要的地方引入wowjs 有两种使用方式： 1. im ...
分类：
Web程序 时间：
2020-07-09 19:17:55
阅读次数：
104
创建剪切动画 对于剪切动画，使用clip-path代替width/height，避免DOM重排导致性能过低。 .animate { width: 200px; height: 200px; background: #000; animation: 1s clip; } @keyframes clip ...
分类：
Web程序 时间：
2020-07-05 00:17:01
阅读次数：
77
jquery中提供了很多方便的方法，本案例使用jquery的动画、获取鼠标手机位置、创建dom以及删除dom等方法，实现加入购物车，即点击当前物品滑入购物车 一、案例效果图如下所示： 二、具体实现代码 <!DOCTYPE html> <html lang="en"> <head> <meta cha ...
分类：
Web程序 时间：
2020-07-04 10:28:27
阅读次数：
87
锚点： 可以让页面定位到某个位置上的点 代码如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minim ...
分类：
其他好文 时间：
2020-06-29 17:12:50
阅读次数：
102
1. 使用CSS选择器选择元素 基本选择器 $("h1").css("color", "blue"); //标签选择器 $(".price").css({"background":"#efefef","padding":"5px"}); //类选择器 $("#author").css("clor", ...
分类：
Web程序 时间：
2020-06-28 22:30:33
阅读次数：
75
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Carousel< ...
分类：
Web程序 时间：
2020-06-26 12:43:58
阅读次数：
65
实现原理：父元素为定宽定高相对定位，且overflow：hidden，子元素为绝对定位高度继承父元素，宽度可计算或设置一个大值，通过绝对定位的left来决定显示的子元素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <m ...
分类：
Web程序 时间：
2020-06-25 19:57:46
阅读次数：
62
HTML <a href="javascript:void(0)" class="go-top" @click="goTop"></a> index.js methods:{ goTop: function () { $('html,body').animate({ scrollTop: '0px' ...
分类：
其他好文 时间：
2020-06-23 13:18:08
阅读次数：
62
// 加入现在有三张图片分别为animate_1、animate_2、animate_3 // 方法一 imageView.animationImages =@[[UIImage imageNamed:@"animate_1"], [UIImage imageNamed:@"animate_2"], ...
分类：
移动开发 时间：
2020-06-16 14:58:17
阅读次数：
98
一: 安装：npm install animate.css --save安装 二: 引入：在main.js中引入 import animate from "animate.css"; Vue.use(animate); new Vue({ animate render: h => h(App) }) ...
分类：
Web程序 时间：
2020-06-16 00:58:53
阅读次数：
101
