如果只为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
基本思路:使用样式filter,但是要区分IE浏览器和...
分类:
Web程序 时间:
2014-07-22 22:39:33
阅读次数:
244
基本思路:采用定时器,
#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
基本思路:样式
#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
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
加减速运动速度不断增加或减少速度减小到负值,会向反方向运动弹性运动在目标点左边,加速;在目标点右边,减速根据距离,计算加速度带摩擦力的弹性运动弹性运动+摩擦力弹性:速度
+= (目标点 - 当前值)/系数; //6 , 7 , 8速度 *= 摩擦系数; // 0.7 0.75终止条件距离足够近 并且...
分类:
Web程序 时间:
2014-06-02 08:48:25
阅读次数:
653
碰撞运动撞到目标点,速度反转无重力的漂浮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
1 2 3 4 5 无标题文档 6 10 41 42 43 44 45 分享到46 47 48
分类:
Web程序 时间:
2014-05-30 01:35:06
阅读次数:
264
1 2 3 4 5 无标题文档 6 9 46 47 48 49 50 51 52
分类:
Web程序 时间:
2014-05-30 01:33:01
阅读次数:
222
摩擦运动:逐渐变慢,最后停止缓冲运动:与摩擦力的区别:可以精确的停到指定目标点距离越远速度越大速度由距离决定速度=(目标值-当前值)/缩放系数Bug:速度取整值取整:iSpeed
= iSpeed > 0 ? Math.ceil(iSpeed) : Math.floor(iSpeed); 1 2.....
分类:
Web程序 时间:
2014-05-29 23:36:27
阅读次数:
414