前面我们已经说过了要怎样制作CSS3动画，但是SVG动画一直都没有时间研究过，正好趁现在有一点时间静下心来研究一下。 一般来说，常见前端动画实现方案分为三种，CSS3动画，HTML动画（SVG动画），JS动画或者我们可以称之为Canvas动画 这里主要我们是要讲解的是SVG动画的实现方法。 SVG动 ...
分类：
其他好文 时间：
2017-08-27 10:05:58
阅读次数：
211
效果：当鼠标移入图片时，图片被一块半透明黑色块遮住，并显示色块上按钮或文本。 原理：1.将图片位置创建<div>，固定宽高，绝对定位，并添加溢出隐藏。 2.添加两个<div>，第一个<div>用来装图片 3.第二个<div>添加半透明黑色背景，相对定位，并设置宽高。 4.添加js动画控制。 效果图： ...
分类：
其他好文 时间：
2017-08-03 22:06:37
阅读次数：
200
直接在网页打开就可以玩了； http://cdn.abowman.com/widgets/hamster/hamster.swf?up_bodyColor=f0e9cc&up_feetColor=D4C898&up_eyeColor=000567&up_wheelSpokeColor=DEDEDE& ...
分类：
Web程序 时间：
2017-07-26 15:40:01
阅读次数：
162
英文文档：http://velocityjs.org/ 中文手册（教程）：http://www.mrfront.com/docs/velocity.js/ velocity.js 是一个简单易用、高性能、功能丰富的轻量级JS动画库。它能和 jQuery 完美协作，并和$.animate()有相同的 ...
分类：
Web程序 时间：
2017-07-14 17:33:43
阅读次数：
691
var animation = function(obj) { this.obj = obj; this.frames = 0; this.timmer = undefined; this.running = false; this.ms = [];} animation.prototype = { ...
分类：
Web程序 时间：
2017-07-03 17:27:13
阅读次数：
244
今天发表的内容是js动画，接下来呢 ，我给大家来阐述一下(4点)： 1.显示隐藏动画效果 2.淡入淡出动画效果 3.滑入滑出动画效果 4.自定义动画 显示与隐藏动画效果 show()方法与hide()方法--toggle()方法 show()方法会动态的改变当前元素的高度、宽度和不透明度，最终显示当 ...
分类：
其他好文 时间：
2017-06-27 22:10:28
阅读次数：
320
three.js 三大对象：Scene 场景，PerspectiveCamera 相机 ，WebGLRenderer 渲染器 性能测试工具：stats.js 动画引擎实现：Tween.js 相机：{正投影：THREE.OrthographicCamera（left, right, top, bott ...
分类：
Web程序 时间：
2017-06-15 16:26:22
阅读次数：
239
一、apply,和call的用法。 先来一个与本次博文无关的东西，就是apply和call的用法。其实apply和call的用法都一样，只是他们的传参不一样。apply是数组，而call是单独的传，类似枚举。 1.列子一把arguments转化为标准数组，可以使用push等方法。 2.如何把argu ...
分类：
Web程序 时间：
2017-06-04 19:51:09
阅读次数：
245
近期工作时研究了一下css3动画和js动画。主要是工作中为了增强页面的趣味性，大家都有意无意的加入了非常多动画效果。当然大部分都是css3动画效果。能够gpu加速，这会降低移动端的性能需求。 今天主要说的是蜂窝效果。详细效果大家等下能够执行源代码。这里就不放gif图了。 css3的原理非常easy， ...
分类：
Web程序 时间：
2017-06-01 20:59:17
阅读次数：
754
