javascript运动的小框架

写一个运动小框架

1、需要获取元素对象

document.getElementById();

2、需要在函数里面回去样式值

function Css(obj,attr){if(obj.currentStyle){return obj.currentStyle[arr];}else{return getComputedStyle(obj,false)[arr];}}

3、写一个定时器函数

obj.iTmer = setInterval(fn,30);

4、运动函数

function fn(){var iTmer = null;iSpeed = parseInt(getCss(objDid,'left'))>end?-iSpeed:iSpeed;obj.iTmer = setInterval(fn,30);var dir = null;if(arr == 'opacity'){dir = Math.round(getCss(obj,arr)*100) + iSpeed;if ( dir > end && iSpeed > 0 || dir < end && iSpeed < 0) {dir = end;}obj.style[arr] = (dir + iSpeed) / 100;obj.style.filter = 'alpha(opacity='+ (dir + iSpeed) +')';}else{dir = parseInt(getCss(obj,arr)) + iSpeed;if ( dir > end && iSpeed > 0 || dir < end && iSpeed < 0) {dir = end;}obj.style[arr] = dir + 'px'; }if ( dir == end ) {clearInterval( obj.iTmer );}
}

转载于:https://blog.51cto.com/16316333/1972520

javascript运动的小框架相关推荐

好程序员技术教程分享JavaScript运动框架
好程序员技术教程分享JavaScript运动框架,有需要的朋友可以参考下. JavaScript的运动,即让某元素的某些属性由一个值变到另一个值的过程.如让div的width属性由200px变到400 ...
【原生JS组件】javascript 运动框架
大家都知道JQuerry有animate方法来给DOM元素进行运动,CSS3中也有transition.transform来进行运动.而使用原生的Javascript来控制元素运动,须要写非常多运动的 ...
javascript运动框架（三）
迟到了好几天,不好意思哈! 继续来优化一下javascript运动框架的代码. 之前的代码存在bug,当重复点击时速度会加快,那么怎么解决这个bug呢? 现在我们就来解决一下, 其实很简单, 在开始运 ...
【JavaScript UI库和框架】上海道宁与Webix为您提供用于跨平台Web应用程序开发的JS框架及UI小部件
Webix是Javascript库一种软件产品用于加速Web开发的 JavaScript UI库和框架 Webix用于跨平台Web应用程序开发的JS框架,为您提供102个UI小部件和功能丰富的CS ...
视频教程-JavaScript打飞机小游戏视频教程-JavaScript
JavaScript打飞机小游戏视频教程拥有6年web前端和后端开发经验,4年授课经验,还曾在百度专业培训过网络营销课程,曾就职于联想集团和当当网,不仅有丰富的项目实战经验还有营销经验,综合实力较强 ...
机器学习笔记 - 基于JavaScript的顶级机器学习框架
1.概述虽然 Python 和 C++编程语言已成为机器学习框架的流行选择,但 JavaScript 也并不落后.环顾四周,可能会发现 JavaScript 框架也已在 AI 中实现.事实上,根据 ...
JavaScript打飞机小游戏视频教程-张鹏-专题视频课程
JavaScript打飞机小游戏视频教程-904人已学习课程介绍本课程介绍了如何使用js来做一个打飞机小游戏,其中涉及到页面的排版以及检测碰撞和逻辑的算法问题和DOM的操作的相关介 ...
使用Python开发的POC多线程批量执行小框架
因为代码量非常少,所以就叫"小框架"吧. 接口非常简陋,但是好处是适配POC脚本的时候很灵活,兼容性高,不需要任何研究成本. 简单来说,你按照自己的想法和习惯开发一个POC验证程序 ...
JavaScript的时钟小程序
效果如下图所示(每一秒刷新一次): 详细代码如下: <!DOCTYPE html> <html><head><title>JavaScript的时钟小程 ...

javascript运动的小框架

javascript运动的小框架相关推荐

最新文章

热门文章