function funStyle(obj,attr){ return obj.currentStyle?obj.currentStyle[attr]:getComputedStyle(obj,false)[attr];}function funStartMove(obj,json,fnFinish ...
分类:
其他好文 时间:
2016-08-10 19:02:57
阅读次数:
160
这两天在慕课网学习了一门课程即Js动画效果,循序渐进的做一个运动框架。可以实现多物体的同时运动,链式运动。 运动框架 move.js 引用move.js的格式 慕课网JS动画效果-http://www.imooc.com/learn/167 代码演示地址:http://runjs.cn/detail ...
分类:
其他好文 时间:
2016-08-05 17:24:38
阅读次数:
136
一个小小的js悬浮框,也是有很多很多的细节要注意。。。 基础的运动框架套路不能忘记。。。 使用math函数解决可能存在的因为数学问题而导致鼠标停止时的闪烁。。。 代码本质其实是用缓冲运动解决掉悬浮框闪烁的问题,提高视觉体验。。。 如果不用debug,还是撸代码撸到要死。。。。 ...
分类:
编程语言 时间:
2016-07-29 18:31:39
阅读次数:
302
//运动框架//使用json传参的方式function sportFrame(obj,json,fun){ var timer; clearInterval(obj.timer); obj.timer=setInterval(function(){ var Stop=true; for(var na ...
分类:
编程语言 时间:
2016-07-24 12:04:44
阅读次数:
165
声明,该DEMO依托于某个培训机构中,非常感谢这个培训结构。话不多说,现在开始改demo的制作。 首先,在前端的学习过程中,轮播图是我们一定要学习的,所以为了更加高效的实现各种轮播图,封装了一个运动的框架。 在该框架中兼容了不同的浏览器,并且允许传入opacity和z-index这样的属性,当然,像 ...
分类:
Web程序 时间:
2016-07-21 19:43:56
阅读次数:
189
运动版的轮播图,有左右按钮和单独分页 这个例子重点在于: 运动框架的复习,要灵活运动回调函数始终以全局变量iNum来控制oUl的移动目的地,每次有任何动作,都是先判断iNum并改变iNum后去调用运动函数刚才在复查代码的时候发现个奇怪的现象,在ie11和cent browser打开的时候居然不会滚动 ...
分类:
其他好文 时间:
2016-07-10 23:23:09
阅读次数:
284
弹性运动:顾名思义,就如同物理中的加速减速运动,当开始时速度过大,到达终点时,速度不会立刻停下,而是再前进一段距离,而后再向相反方向运动,如此往复。 弹性运动往往和摩擦运动结合使用,效果更佳,摩擦运动,即速度越来越小,经计算,比较人性化,合乎常规视觉的摩擦和弹性运动公式: speed+=(targe ...
分类:
Web程序 时间:
2016-06-26 18:22:18
阅读次数:
175
完美运动框架是对原来的任意值运动框架的改善和效率的提升,即利用了json对属性进行封装,从而提高效率: ...
分类:
Web程序 时间:
2016-06-20 22:19:18
阅读次数:
186