1.在这个例子里面，如果在div块运动的过程中继续点击按钮的话，速度会越来越快，所以再开另一个定时器的时候要把之前的定时器给关掉。这里timer定义的位置会影响定时器是否关闭，如果把timer定义成局部变量，那么在每一次点击的时候都会是null，那么clearInterval根本起不到关定时器的作用...
分类：
Web程序 时间：
2015-08-11 09:51:53
阅读次数：
156
可以直接拿来用作元素属性的动态改变，比如透明度、位置等
分类：
Web程序 时间：
2015-07-31 14:28:31
阅读次数：
135
1 /** 2 * 使用offsetLeft,需注意margin的使用 3 * offsetLeft = margin-left + left; 4 * offsetWidth= padding + border + width; 5 * 6 * @author Lonve...
分类：
Web程序 时间：
2015-07-10 13:14:22
阅读次数：
114
物体运动原理：通过改变物体的位置，而发生移动变化。 方法： 1.运动的物体使用绝对定位 2.通过改变定位物体的属性（left、right、top、bottom）值来使物体移动。例如向右或左移动可以使用offsetLeft（offsetRight）来控制左右移动。 步骤： ...
分类：
Web程序 时间：
2015-07-05 14:58:24
阅读次数：
226
/*----------------------------------------------------------------------------
功能： 获取某个节点下的所有ClassName为'sClass'的元素输入： oParent:要获取的class元素的父级节点 sClass:要获取的元素的class名称输出： 获取到的节点数组 -----...
分类：
Web程序 时间：
2015-06-12 23:58:03
阅读次数：
311
一、offsetWidth / offsetHeight获取整个块的宽度/高度，包括border二、clientWidth / clientHeight获取块的宽度/高度，不包括border三、offsetLeft / offsetTop获取块的Left / Top坐标，没有Right和bottom...
分类：
Web程序 时间：
2015-06-09 13:33:05
阅读次数：
112
先来看下效果：
要点：
1. 将css的float定位，转换成用js的绝对定位
2. 从中心放大缩小物体
主要步骤：
1. 先通过css的float定位，ul宽度设置成li宽的倍数（例子中li的宽是122，没行显示3 个li，所以ul宽设置 成366）
2. 利用js 获取并且设置他们初始的left 和top值
3. ul 的position：...
分类：
Web程序 时间：
2015-05-23 14:18:14
阅读次数：
238
模拟物理中的自由落体运动：废话不多说，先看效果！！
图片效果不太好，有些卡，可以把代码考出来自己运行看下效果！！
基本过程：鼠标可拖拽div，当鼠标抬起的时候，div会自由下落，然后弹起下落，直到速度为0运动停止，下落和弹起直至停止的过程是模拟 自由落体运动
完成测试代码：
#box{
position: absolute;left: ...
分类：
Web程序 时间：
2015-05-23 08:51:01
阅读次数：
314
在上一篇的《js运动-同时运动》中说过，我们的运动框架还存在一个问题，那究竟是什么问题那？把上一篇的程序做一下调整
oDiv.onmouseover = function () {
//startMove(oDiv,{width:300,height:300,opacity:30});
startMove(oDiv,{width:204,height:300,opacit...
分类：
Web程序 时间：
2015-05-18 09:16:23
阅读次数：
220
接着上一篇 《js运动-链式运动》继续折腾
上一篇中我们的运动框架，可以完美的实现让一个物体先变宽，在变高，在变透明度.....,看似很完美了！
貌似可以喝喝茶看看美女了。但是老板突然说，让你同时改变一个物体的宽高和透明度，心碎了一地！！！
拿过之前的运动框架发现，无法实现让div同时又变宽，又变高，有变透明度！！最后无能为力，只好有请JSON大神出场了，不认识json...
分类：
Web程序 时间：
2015-05-17 18:50:52
阅读次数：
271
