标签 » 动画

CSS3 自定义动画（animation）

分类： 标签：‚ ‚  评论：11 11 评论

除了在之前的文章中介绍过的 CSS3 的变形 (transformation) 和转换 (transition) 外，CSS3 还有一种自由度更大的自定义动画，开发者甚至可以使用变形（transformation）和转换（transition）制作自定义动画，利用纯 CSS 制作出像 Flash 一样的效果。在实际使用中不难发现，变形和转换更适合做元素的交互，而自定义动画除了做交互外还能使到网页具有活力，有了自定义动...

Read More –>

jQuery 弹簧式显示隐藏动画

分类： 标签：‚  评论：19 19 评论

弹簧式显示隐藏动画，听上去好像有点复杂，其实就是模拟弹球落地的效果，很久之前想到了，无奈当时 jQuery 以及 JavaScript 技术仍未学好，木有办法做出很好的效果。前些天突然又想做，便写出来了，先放上 Demo 。   Demo   看完 Demo ，应该放上代码了，在介绍代码前，给大家介绍一下 jQuery .animate 方法的 easing （过渡）参数， 相对于 styles,...

Read More –>

用 JavaScript 实现 jQuery 显示与隐藏动画

分类： 标签：‚ ‚ ‚  评论：11 11 评论

在 jQuery 中有 show(), hide(), slideDown(), slideUp() 等方法，能够以动画的形式显示或隐藏 DOM 元素。这一类的动画在页面交互中比较常用，这也是 jQuery 方便开发的地方之一，但如果只想使用这些动画效果而加载整个 jQuery 库那就有点浪费资源了，于是最近在折腾 JavaScript 的 Kayo 便尝试用原生的 JavaScript 实现这一类 jQuery 动...

Read More –>