接着上一篇 《js运动-链式运动》继续折腾
上一篇中我们的运动框架,可以完美的实现让一个物体先变宽,在变高,在变透明度.....,看似很完美了!
貌似可以喝喝茶看看美女了。但是老板突然说,让你同时改变一个物体的宽高和透明度,心碎了一地!!!
拿过之前的运动框架发现,无法实现让div同时又变宽,又变高,有变透明度!!最后无能为力,只好有请JSON大神出场了,不认识json...
分类:
Web程序 时间:
2015-05-17 18:50:52
阅读次数:
271
/* “完美运动框架”,所谓“完美”,就是可以实现多个参数,多个物体运动互不影响的一个运动函数move()。 * 大致结构如下:运动框架 EXP: move(obj,{width:200,height:200},fnEnd) * obj: 运动物体 * json: 运...
分类:
编程语言 时间:
2015-05-16 14:42:54
阅读次数:
119
1. 什么是运动2. 如何让DIV动起来,运动停止条件3. 解决连续点击引发的重复运动问题4. 消除重复点击速度加快的问题5. 运动框架介绍6. “分享到”侧边栏实例——便用运动框架7. 简化函数参数的意义、方式8. 淡入淡出的图片实例(上)
分类:
Web程序 时间:
2015-05-07 16:17:10
阅读次数:
160
运动框架演变过程startMove(iTarget) 运动框架startMove(obj, iTarget) 多物体startMove(obj, attr, iTarget) 任意值startMove(obj, attr, iTarget, fn) 链式运动startMove(obj, jso...
分类:
其他好文 时间:
2015-05-01 07:01:22
阅读次数:
121
function getStyle(obj, attr){if(obj.currentStyle){return obj.currentStyle[attr];}else{return getComputedStyle(obj, false)[attr];}}//获取样式function start...
分类:
其他好文 时间:
2015-04-25 19:43:40
阅读次数:
135
源代码:
微博效果
*{
margin:0;
padding:0;
}
#txt{
color:#090;
}
#oul{
width:700px;
height:500px;
display:block;
border:1px solid #000;
position:relative;
left:700px;
overflow:hidden;...
分类:
其他好文 时间:
2015-04-25 15:09:14
阅读次数:
132
原文:http://www.cnblogs.com/IcemanZB/p/4195196.html大家一听这名字就知道,有了这套框架 网上的效果基本都是可以实现的。实际上之前的运动框架还是有局限性的,就是不能让好几个值一块运动。那这个问题怎么解决呢? 我们先来看看之前的运动框架function ge...
分类:
编程语言 时间:
2015-04-10 11:09:15
阅读次数:
155
运动框架 js://height,left , top ,right ,opacityvar timer = null function move(obj,attr,target){ //开启定时器 timer = setInterval(fun...
分类:
Web程序 时间:
2015-03-11 12:43:21
阅读次数:
212
一、前言 学习js运动时,由于在实现多种不同运动效果过程中很多代码是重复的,故将其封装达到代码重用。 二、代码封装重用 function startMove(obj, json, fnEnd){ clearInterval(obj.timer);//若物体之前开有定时器则先关闭 obj....
分类:
Web程序 时间:
2015-03-07 19:56:52
阅读次数:
3089
无标题文档运动框架及应用运动框架 1.在开始运动时,关闭已有定时器 2.把运动和停止隔开(if/else)运动框架实例分享1.”分享到“侧边栏 通过目标点,计算速度值无标题文档 分享到改进1window.onload=function (){ var oDiv=document.ge...
分类:
Web程序 时间:
2015-03-07 13:45:56
阅读次数:
147