一、目录 1. 入门案例——实现匀速运动 2. 入门案例——实现缓冲运动 3. 实现任意值的运动框架v.1 4. 改进任意值的运动框架v.2 5. 改进任意值的运动框架v.3 6. 实现链式运动框架 7. 实现完美运动框架二、内容 1.入门案例——实现匀速运动 ①. 要求:只要...
分类:
编程语言 时间:
2015-11-26 01:08:24
阅读次数:
295
1 /*完美运动框架*/ 2 //1.先清除定时期,2,获取样式,如果是opacity则单独解决,3,定义速度,4,定义当前值是否到达目的地,5,判断当前值是否到达目的地,6运动基本,如果是opacity 3 function startMove(obj,json,fnEnd){ 4 cl...
分类:
Web程序 时间:
2015-08-02 21:16:27
阅读次数:
112
完美运动框架,包括有style和opacity的样式实现//以下是运动框架的内容function getStyle(obj, name){ if(obj.currentStyle) //仅IE { return obj.currentStyle[name]; } ...
分类:
其他好文 时间:
2015-07-10 22:08:46
阅读次数:
184
/*----------------------------------------------------------------------------
功能: 获取某个节点下的所有ClassName为'sClass'的元素输入: oParent:要获取的class元素的父级节点 sClass:要获取的元素的class名称输出: 获取到的节点数组 -----...
分类:
Web程序 时间:
2015-06-12 23:58:03
阅读次数:
311
1 /** 2 * Created by linxd on 2015/6/6. 3 */ 4 5 6 function getStyle(obj, name) { 7 if (getComputedStyle) { 8 return getComputedStyle...
分类:
其他好文 时间:
2015-06-07 15:48:23
阅读次数:
108
完美运动框架可以解决多个物体的同时运动,一个物体的多个属性的运动,包括透明度及各种存在的属性,此框架将运动的所有内容封装成函数,只要传入相应的参数,几IU可以完成相应的运动任务。完美运动框架
分类:
其他好文 时间:
2015-05-31 22:50:47
阅读次数:
125
在上一篇的《js运动-同时运动》中说过,我们的运动框架还存在一个问题,那究竟是什么问题那?把上一篇的程序做一下调整
oDiv.onmouseover = function () {
//startMove(oDiv,{width:300,height:300,opacity:30});
startMove(oDiv,{width:204,height:300,opacit...
分类:
Web程序 时间:
2015-05-18 09:16:23
阅读次数:
220
/* “完美运动框架”,所谓“完美”,就是可以实现多个参数,多个物体运动互不影响的一个运动函数move()。 * 大致结构如下:运动框架 EXP: move(obj,{width:200,height:200},fnEnd) * obj: 运动物体 * json: 运...
分类:
编程语言 时间:
2015-05-16 14:42:54
阅读次数:
119
运动框架演变过程startMove(iTarget) 运动框架startMove(obj, iTarget) 多物体startMove(obj, attr, iTarget) 任意值startMove(obj, attr, iTarget, fn) 链式运动startMove(obj, jso...
分类:
其他好文 时间:
2015-05-01 07:01:22
阅读次数:
121