码迷,mamicode.com
首页 >  
搜索关键字:js运动    ( 100个结果
(42)JS运动之多物体框架--多个div变宽
如果只为div添加一个定时器的话,在多个div变宽的时候会发生问题,但是如果为每个div添加一个定时器,那么就可以实现多个物体变宽,具体代码如下: div{ width:100px; height:50px; background:red; margin:10px; }  window.onload=function (){ var aDiv=docume...
分类:Web程序   时间:2014-07-23 13:15:59    阅读次数:220
(38)JS运动之淡入淡出
基本思路:使用样式filter,但是要区分IE浏览器和...
分类:Web程序   时间:2014-07-22 22:39:33    阅读次数:244
(37)JS运动之“分享到”移入移出功能
基本思路:采用定时器, #div1{ width:150px; height:200px; background:green; position:absolute; top:50px; left:-150px; } #div1 span{ position:absolute; width:20px; height:60px; line-he...
分类:Web程序   时间:2014-07-22 22:39:15    阅读次数:255
(36)JS运动之使物体向右运动
基本思路:样式 #div1{ width:200px; height:200px; background:red; position:absolute;//不加绝对定位,就跑不起来 top:50px; left:0px; }  var timer=null; function startMov...
分类:Web程序   时间:2014-07-22 22:38:54    阅读次数:194
JS运动库
1 // JavaScript Document 2 3 function startMove(obj,json,endFn){ 4 5 clearInterval(obj.timer); 6 7 obj.timer = setInte...
分类:Web程序   时间:2014-07-22 00:29:36    阅读次数:266
JS运动基础(三) 弹性运动
加减速运动速度不断增加或减少速度减小到负值,会向反方向运动弹性运动在目标点左边,加速;在目标点右边,减速根据距离,计算加速度带摩擦力的弹性运动弹性运动+摩擦力弹性:速度 += (目标点 - 当前值)/系数; //6 , 7 , 8速度 *= 摩擦系数; // 0.7 0.75终止条件距离足够近 并且...
分类:Web程序   时间:2014-06-02 08:48:25    阅读次数:653
JS运动基础(四) 碰撞运动
碰撞运动撞到目标点,速度反转无重力的漂浮Div速度反转滚动条闪烁的问题过界后直接拉回来加入重力反转速度的同时,减小速度纵向碰撞,横向速度也减小横向速度小数问题(负数) 1 2 3 4 5 无标题文档 6 9 52 53 54 55 56 57 自由落体 : 1 2 3 4 5 无标...
分类:Web程序   时间:2014-06-02 08:40:05    阅读次数:307
简单的JS运动封装实例---侧栏分享到
1 2 3 4 5 无标题文档 6 10 41 42 43 44 45 分享到46 47 48
分类:Web程序   时间:2014-05-30 01:35:06    阅读次数:264
JS运动基础(一)
1 2 3 4 5 无标题文档 6 9 46 47 48 49 50 51 52
分类:Web程序   时间:2014-05-30 01:33:01    阅读次数:222
JS运动基础(二) 摩擦运动、缓冲运动
摩擦运动:逐渐变慢,最后停止缓冲运动:与摩擦力的区别:可以精确的停到指定目标点距离越远速度越大速度由距离决定速度=(目标值-当前值)/缩放系数Bug:速度取整值取整:iSpeed = iSpeed > 0 ? Math.ceil(iSpeed) : Math.floor(iSpeed); 1 2.....
分类:Web程序   时间:2014-05-29 23:36:27    阅读次数:414
100条   上一页 1 ... 8 9 10
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!