1.显示/隐藏/切换 语法:show(duration,cb)/hide(duration,cb)/toggle(duration,cb) 参数一:动画时长,默认为0,即没有动画效果,所以一定要传。传递的参数有以下可能值: 数值:单位ms 例如 show(1000) 关键字:fast/normal/ ...
分类:
Web程序 时间:
2019-10-06 13:21:40
阅读次数:
142
/* eslint-disable semi */ let animationId = 0; let fnAnimation = null; let Container = null; let Balls = []; export function clearBallScreen () { setT... ...
分类:
其他好文 时间:
2019-10-05 14:46:03
阅读次数:
76
一.理解transition属性 W3C标准中对CSS3的transition是这样描述的: CSS的transition允许CSS的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击,获得焦点,被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值。简洁点说就是当元素从一种样式 ...
分类:
Web程序 时间:
2019-10-04 21:07:41
阅读次数:
126
iOS的CoreAnimation框架下有一些特殊的layer,使用它们往往会做出非常炫丽的动画效果,不需要使用图片,不需要帧动画。下面我们就来看看三种常见的layer动画,分别是CAReplicatorLayer、CAEmitterLayer和CAGradientLayer。一、复制层动画 CAR... ...
分类:
其他好文 时间:
2019-10-02 20:26:40
阅读次数:
127
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv... ...
分类:
其他好文 时间:
2019-10-01 18:52:50
阅读次数:
115
CSS transitions 提供了一种在更改CSS属性时控制动画速度的方法。 其可以让属性变化成为一个持续一段时间的过程,而不是立即生效的。比如,将一个元素的颜色从白色改为黑色,通常这个改变是立即生效的,使用 CSS transitions 后该元素的颜色将逐渐从白色变为黑色,按照一定的曲线速率 ...
分类:
Web程序 时间:
2019-09-27 19:42:01
阅读次数:
130
最接做需求的时候,碰到了 PopUpWindow,但是也没做过多了解,就是照搬别人的代码改改逻辑。后面视觉看了之后,说让我加一些动画效果,使用起来更加舒服。可是我看别人以前也没有写,于是就开始捣鼓 PopUpWindow。同时也写一篇文章记录下,后续忘了也可以查看。 相关方法解读 1)几个常用的构造 ...
1.jquery介绍 1.jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 2.jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。它的宗旨就是:“Write less, do m ...
分类:
Web程序 时间:
2019-09-23 09:46:56
阅读次数:
104
一、JS动画(setInterval setTimeOut requestAnimationFrame) 优点: 1)过程控制能力强。可以对动画工程进行精准的控制,暂停、取消、开始、终止都可以。 2)动画效果多、炫酷。有一些效果是CSS动画所不能实现的 3)兼容性比较高 缺点: 1)由于JS是通过不 ...
分类:
Web程序 时间:
2019-09-22 15:17:50
阅读次数:
112
[TOC] jQuery 1. jQuery介绍 1.jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 2.jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。它的宗旨就是:“Wr ...
分类:
Web程序 时间:
2019-09-21 19:30:47
阅读次数:
102