今天突然想起来,不知道在什么网站上看的一个纯纯的原生ＪＳ写的效果,运动的小人,所以在这里给大家分享一下代码: 并说明:这不是本人写的,而是我在浏览网站是无意中发现的,现在已经不记得是哪个网站了,但是要说明,这不是本人的代码,求大神现身吧!! 先看效果图:先是统一动作 后随机动作: 并且鼠标可任意拉扯 ...
分类：
Web程序 时间：
2017-07-05 09:49:57
阅读次数：
214
链式运动框架就是一系列的运动分阶段进行，在普通的运动框架上加上一个參数function，这个function表示下一个要运行的动作。详细代码例如以下： <!DOCTYPE HTML> <!--链式运动框架：运动分阶段进行，当运动停止的时候。运行下一个运动--> <html> <head> <meta ...
分类：
Web程序 时间：
2017-06-18 13:29:12
阅读次数：
240
//获取当前行间样式 && 非行间样式 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
1，运动原理 Js运动，本质来说，就是让 web 上 DOM 元素动起来。而想要 DOM 动起来，改变其自身的位置属性，比如高宽，左边距，上边距，透明度等。动画的原理就是把不同状态的物体，串成连续的样子，就像一本书，画了几个小人，然后一翻书，就看见小人在动。js动画也一样。不同状态的DOM，用定时器 ...
分类：
Web程序 时间：
2016-12-01 11:45:25
阅读次数：
228
