1，运动原理Js运动，本质来说，就是让 web 上 DOM 元素动起来。而想要 DOM 动起来，改变其自身的位置属性，比如高宽，左边距，上边距，透明度等。动画的原理就是把不同状态的物体，串成连续的样子，就像一本书，画了几个小人，然后一翻书，就看见小人在动。js动画也一样。不同状态的DOM，用定时器控...
分类：
编程语言 时间：
2015-01-22 15:23:31
阅读次数：
297
物体运动原理：通过改变物体的位置，而发生移动变化。方法： 1.运动的物体使用绝对定位 2.通过改变定位物体的属性（left、right、top、bottom）值来使物体移动。例如向右或左移动可以使用offsetLeft（offsetRight）来控制左右移动。步骤： 1、先清除定时器 （因...
分类：
Web程序 时间：
2015-01-15 17:49:00
阅读次数：
150
/** * 使用offsetLeft,需注意margin的使用 * offsetLeft = margin-left + left; * offsetWidth= padding + border + width; * * @author Lonve */function getStyle(ele....
分类：
Web程序 时间：
2014-11-24 17:09:33
阅读次数：
192
基本思路：使用定时器让物体向右运动，在运动的过程中再不是匀速运动，而是先快后慢,即距离越大，速度越快，距离越小，速度越小，可是到达终点的时候，必须注意要使用向上取整函数Math.ceil()和向下取整函数Math.floor();这样才可以正确无误地到达终点，而不是有出入。 /效...
分类：
Web程序 时间：
2014-09-20 23:51:19
阅读次数：
271
#div1 {width:100px;height:100px;background:red;filter:alpha(opacity:30);opacity:0.3}
window.onload=function ()
{
var oDiv=document.getElementById('div1');//先获取div元素
oDiv.onmouseover=function (...
分类：
Web程序 时间：
2014-07-26 02:13:07
阅读次数：
279
基本思路：使用定时器让物体向右运动，在运动的过程中再不是匀速运动，而是先快后慢，但是到达终点的时候，必须注意要使用向上取整函数Math.ceil()和向下取整函数Math.floor();这样才能够正确无误地到达终点，而不是有出入。
#div1{
width:100px;
height:100px;
background:red;
position:ab...
分类：
Web程序 时间：
2014-07-23 13:36:26
阅读次数：
224
#div1{
width:100px;
height:150px;
background:red;
position:absolute;
right:0;
bottom:0;
}
window.onscroll=function (){
var oDiv=document.getElementById('div1');
var s...
分类：
Web程序 时间：
2014-07-23 13:33:26
阅读次数：
216
#div1{
width:100px;
height:150px;
background:red;
position:absolute;
right:0;
bottom:0;
}
window.onscroll=function (){
var oDiv=document.getElementById('div1');
var s...
分类：
Web程序 时间：
2014-07-23 13:33:17
阅读次数：
286
