Javascript从零开始学习第三天(2)

Javascript从零开始学习第一天

Javascript从零开始学习第二天(1)

Javascript从零开始学习第二天(2)

Javascript从零开始学习第三天(1)

Javascript从零开始学习第三天(2)

Javascript从零开始学习第四天(1)

Javascript从零开始学习第四天(2)

一、表格排序

Javascript从零开始学习第三天(2)

用到了数组排序的知识。

Javascript从零开始学习第三天(2)

二、表单验证

Javascript从零开始学习第三天(2)

三、js运动基础

1、div动起来

使用定时器 执行函数 让div坐标变化(left offsetLeft)

Javascript从零开始学习第三天(2)

Javascript从零开始学习第三天(2)

Javascript从零开始学习第三天(2)

Javascript从零开始学习第三天(2)

Javascript从零开始学习第三天(2)

上面是典型的匀速运动,speed是匀速的。

2、变速运动 缓冲运动

规律:速度和距离成正比 距离大的时候 速度大 距离小的时候 速度小

Javascript从零开始学习第三天(2)

缓冲运动一定注意正负数的小数取整问题。向上取整Math.ceil 向下取整 Math.floor

Javascript从零开始学习第三天(2)

3、多物体运动框架

Javascript从零开始学习第三天(2)

Javascript从零开始学习第三天(2)

Javascript从零开始学习第三天(2)

效果如下:

Javascript从零开始学习第三天(2)

所有东西都不能共用 需要为每个对象设置自己的属性。

4、任意值的运动框架(除了透明度属性)

注意小数的取值问题 四舍五入

Javascript从零开始学习第三天(2)

例子:轮播图

5、链式运动框架

Javascript从零开始学习第三天(2)

Javascript从零开始学习第三天(2)

例子:土豆工具条

Javascript从零开始学习第三天(2)

6、完美运动框架

主要使用json格式来定义要运动的属性和值的集合

注意:必须判断如果没有不达到指定值的时候,才可以停止定时器

Javascript从零开始学习第三天(2)

分类:JavaScript 时间:2014-12-27 人气:5
本文关键词:
分享到:

相关文章

iOS 开发

Android 开发

Python 开发

JAVA 开发

开发语言

PHP 开发

Ruby 开发

搜索

前端开发

数据库

开发工具

开放平台

Javascript 开发

.NET 开发

云计算

服务器

Copyright (C) codeweblog.com, All Rights Reserved.

CodeWeblog.com 版权所有 闽ICP备15018612号

processed in 0.046 (s). 10 q(s)