<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
&l..
分类：
Web程序 时间：
2017-03-24 16:14:04
阅读次数：
165
由于JS里对于数值小数点会自动去除，所以对于运动位置，需要使用Math.ceil()向上取整或者Math.floor()向下取整进行解决以下是我的缓冲运动练习简单代码<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;ch..
分类：
Web程序 时间：
2017-03-16 22:51:20
阅读次数：
211
offsetHeight和offsetTop等属性用法详解:标题中的几个相关相关属性在网页中有这大量的应用，尤其是在运动框架中。但是由于有些属性相互之间的概念比较混杂或者浏览器兼容性问题，导致掌握起来比较有难度。下面就介绍一下相关属性的用法。先来看一张比较经典的示意图: 下面结合各上图介绍一下各个属... ...
分类：
其他好文 时间：
2017-02-27 23:23:47
阅读次数：
343
功能描述： 页面中存在多个div，鼠标移入某一个div，则该div变宽，移出则恢复原状。 实现效果： 编码思路： 给各个div绑定鼠标移入，移出事件，并设置独立的定时器。 套用运动框架改变div的width。 示例代码： ...
分类：
其他好文 时间：
2017-01-22 17:52:23
阅读次数：
207
功能描述： 悬浮框固定在页面右下方，随着滚动条的滚动，悬浮框运动到固定位置。 实现效果： 编码思路： 获取滚动条滚动时，方块需要移动的目标位置（可视区域的高度-物体高度-滚动的高度）。 套用运动框架。 示例代码： ...
分类：
其他好文 时间：
2017-01-22 16:25:09
阅读次数：
192
一、JavaScript运动框架之速度版 1.1 运动框架的实现思路 运动，其实就是在一段时间内改变 left 、 right 、 width 、 height 、 opactiy 的值，到达目的地之后停止 位移 top,left 折叠 width,height 淡入淡出 opacity 时间有关系 ...
分类：
编程语言 时间：
2017-01-12 18:46:40
阅读次数：
239
(1) 表单:向服务器提交数据 action: 提交到哪里 表单事件: onsubmit: 提交时发生 onreset: 重置时发生(2) 运动框架: 1.在开始运动时。关闭已有定时器 2.把运动和停止分开(3) Math.ceil();//向上取证 Math.floor();//向下取证(4) 缓 ...
分类：
编程语言 时间：
2017-01-06 22:05:28
阅读次数：
185
玩过电脑自带纸牌游戏的同志们应该都知道，游戏过关后扑克牌会依次从上空掉落，落下后又弹起，直至“滚出”屏幕。 效果如图： 这个案例的具体效果就是：点击开始运动，纸牌会从右上角掉落下来，之后弹起，运动的速度会逐渐减慢，直到越出屏幕后，全部纸牌消失，在右上角会重新出现一张纸牌，继续动作，一再往复。 具体代 ...
分类：
Web程序 时间：
2016-12-30 02:09:59
阅读次数：
181
了解了运动框架完成块元素的宽高和透明度的变化的原理，我想着写一个颜色的变化来练习一下，不想写了很长时间才写出来，跟各位分享一下。 颜色的变化是通过三元素渐变的方式完成的，通过构造json，使当前的颜色与目标颜色进行对比，实现渐变的过程。 代码如下： ...
分类：
Web程序 时间：
2016-12-27 00:35:47
阅读次数：
283
