最近写个运动框架，确实好用，来附上，具体就不说了，注释比较详细 简洁版：包括链式运动，没有同时运动，不需要json格式 完整版：包括链式运动、同时运动，涉及到同时运动则需要利用json辅助完成 需要注意的几点 获取非行间样式，注意浏览器的兼容问题 常用的Math方法、parseInt等的转换 回调函 ...
分类：
Web程序 时间：
2018-02-13 14:08:46
阅读次数：
175
最近的讲js运动框架时，做了一个小案例，随机生成几个小球，然后让他们在页面中跳动，碰到边界就弹回来并修改颜色。效果如下： 代码如下： ...
分类：
编程语言 时间：
2017-12-25 13:37:34
阅读次数：
275
//获取当前行间样式 && 非行间样式 function getStyle(obj, name) { if (obj.currentStyle) { return currentStyle[name]; } else { return getComputedStyle(obj, false)[na.... ...
分类：
Web程序 时间：
2017-06-11 12:59:18
阅读次数：
190
玩过电脑自带纸牌游戏的同志们应该都知道，游戏过关后扑克牌会依次从上空掉落，落下后又弹起，直至“滚出”屏幕。 效果如图： 这个案例的具体效果就是：点击开始运动，纸牌会从右上角掉落下来，之后弹起，运动的速度会逐渐减慢，直到越出屏幕后，全部纸牌消失，在右上角会重新出现一张纸牌，继续动作，一再往复。 具体代 ...
分类：
Web程序 时间：
2016-12-30 02:09:59
阅读次数：
181
了解了运动框架完成块元素的宽高和透明度的变化的原理，我想着写一个颜色的变化来练习一下，不想写了很长时间才写出来，跟各位分享一下。 颜色的变化是通过三元素渐变的方式完成的，通过构造json，使当前的颜色与目标颜色进行对比，实现渐变的过程。 代码如下： ...
分类：
Web程序 时间：
2016-12-27 00:35:47
阅读次数：
283
昨天写的神逻辑，今天终于解决，经过大家的商讨，终于研究出来一套简单的代码！！！ js代码如下： 今天的代码要简洁很多，逻辑相对昨天的也清晰不少，多种尝试，总会发现新的方法！！！ ...
分类：
Web程序 时间：
2016-12-20 23:33:24
阅读次数：
235
今天学习了一下轮播图的写作，想到前一阵学过的无缝滚动得思想，所以就把轮播与滚动结合了一下。不过我的代码的神逻辑我自己都不敢恭维，在没网没参照的情况下，只能硬着头皮往下写，希望跟大家共勉吧。 js运动框架的代码如下： 运行的效果图如下： 自动轮播，下方红色按钮同时变换，点击左右箭头分别到达上一张或下一 ...
分类：
Web程序 时间：
2016-12-20 00:28:51
阅读次数：
864
本人也是菜鸟一枚，从网上搜索了很久，封装备注了一套运动框架，加强大家对此的理解，希望多多提议。 上面是我封装的三个方法： 调用如下 ...
分类：
Web程序 时间：
2016-12-08 20:26:11
阅读次数：
184
运动，其实就是在一段时间内改变left、right、width、height、opactiy的值，到达目的地之后停止。 现在按照以下步骤来进行我们的运动框架的封装: （第一部分）：匀速运动 运动基础 思考：如何让div动起来?如下： 计时器setInterval(函数,交互时间(毫秒))：在执行时, ...
分类：
Web程序 时间：
2016-10-11 18:27:08
阅读次数：
201
首先引入js运动框架 然后写轮播小案例 最终效果如下图，可实现鼠标翻页，鼠标悬停后停止轮播， ...
分类：
编程语言 时间：
2016-06-15 14:04:18
阅读次数：
236
