[JS思路]运动框架思路

【[JS思路]运动框架思路】的更多相关文章

[JS思路]运动框架思路

匀速运动的思路一: 1.先清除动画,再加载动画 2.方向dir有正值和负值,可以通过目标值 > 当前值往右移动,即正数目标值 < 当前值往右移动,即负数来进行判断:dir = 目标值>当前值 ? dir : -dir; speed = 当前值+方向dir 3.如果speed>=目标点,可以将speed=目标点,并清除动画. speed>=目标点 && dir>0 || speed<=目标点 && dir<0 …

JS完美运动框架

这套框架实现了多物体,任意值,链式运动,多值运动,基本满足常见的需求. /* 功能:完美运动框架,可以实现多物体,任意值,链式运动,多值运动版本:V1.0 兼容性:Chrome,FF,IE8+ (opera没测) 备注:参考了智能社blur老师的代码 */ /*-------------------------------------------------------- 功能: 获取某个节点下的带有某个class的所有节点输入: oParent:要获取的class元素的父级节点 sClas…

JS完美运动框架【利用了Json】

<!doctype html> <html> <head> <meta charset="utf-8"> <title>完美运动框架</title> <style> body,ul,li{ margin:0; padding:0; } ul,li{ list-style:none; } ul li{ width:200px; height:100px; background:yellow; margin…

纯js写“运动”框架

所谓“运动”不一定真的是运动,在连续的一段时间内改变某一样式都可以成为“运动”. 先写几个会用到的函数 //获取某一元素的指定样式 function getstyle (element, target) { // body... if (element.currentStyle) { return element.currentStyle[target]; }else{ return window.getComputedStyle(element, null)[target]; } } //填充…

js中运动框架的封装

//获取非行间样式的封装 function setStyle(obj,name){ // 考虑兼容性问题 if(obj.currentStyle){//不兼容火狐和谷歌 return obj.currentStyle[name]; }else{ return getComputedStyle(obj,false)[name];//不兼容IE } } function move(obj,json,complete) {// 用计时器前先清除,防止多次点击 clearInterval(obj.tim…

JS封装运动框架（另一种写法）

function animate(obj, json, interval, sp, fn) { clearInterval(obj.timer); //var k = 0; //var j = 0; function getStyle(obj, arr) { if(obj.currentStyle){ return obj.currentStyle[arr]; //针对ie } else { return document.defaultView.getComputedStyle(obj, nu…