js动画
关注
分享
扫一扫
iteye_2245
这个作者很懒，什么都没留下…
展开
-
关于回到顶部设计
现在在很多大于一屏的界面在设计交互的时候都会加上“回到顶部的”功能模块，但是设计基本类似， 今天主要拿了百度贴吧的一个小细节说说： 一般回到顶部都是向上的箭头，常人都知道是回到顶部的意思，甚至最基本的都加上了title的移入标示。 贴吧的做法是用两个图片，hover的时候切换显示文字： http://tieba.baidu.c...原创 2013-05-20 20:47:41 · 206 阅读 · 0 评论 -
动画脚本Tween
贴上一个Tween的源码。 var Tween = { Linear: function(t,b,c,d){ return c*t/d + b; }, Quad: { easeIn: function(t,b,c,d){ return c*(t/=d)*t + b; }, easeOut: function(t,b,c,d){ return ...2012-05-09 17:16:23 · 244 阅读 · 0 评论 -
transitionEnd设计
收录一段动画end的设计： function transitionEnd(){ var el = document.createElement("div"); var transEndEventNames = { 'WebkitTransition' : 'webkitTransitionEnd', ...原创 2013-09-23 16:20:29 · 92 阅读 · 0 评论 -
动画框架之Sprite
Sprite.js An efficient js sprite animation framework https://github.com/batiste/sprite.js http://batiste.dosimple.ch/sprite.js/tests/visual_guide.html https://spritejs.readthedoc...原创 2014-02-18 13:44:06 · 129 阅读 · 0 评论 -
TweenMax
TweenMax： 在线调用：http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js原创 2014-03-31 17:32:18 · 126 阅读 · 0 评论 -
动画easing
收录一个动画： http://easings.net/zh-cn#easeInSine原创 2014-05-13 17:08:09 · 126 阅读 · 0 评论 -
关于初始加载页面的动画震动
本文主要来自：http://css-tricks.com/transitions-only-after-page-load/ 问题： 对于页面上结构化元素，当页面加载、绘制布局的时候，动画会触发。 解决方案： 给body元素增加一个class <body class="preload">...原创 2013-03-22 18:20:51 · 105 阅读 · 0 评论