Javascript动画工具mo对象更新记录
-
o
- 修正了changeColor()方法的错误，多次快速触发颜色变化方法是不会再发生同时触发slideUp()方法。
- 修正了透明度改变动画在IE下的的错误。透明度值可以进行连续变化。
- 修正了初始化函数的部分内容。
- 添加了时间控制参数，可以采用数字或mo本身提供的类似枚举变量。
o
o
o
- mo(target).animate({opacity:'0.4'},mo.fast);
-
- mo(target).animate({opacity:'0.4'},40);
mo对象提供三个值分别为mo.fast，mo.normal，mo.slow。注意这里的的时间值为帧数而不是时间值，可以通过简单的换算来得到时间值，例如40帧，对应10mspf，持续时间应该为400ms。
本工具主要用于学习，效率方面可能会存在某些问题，下一步会考虑在动画执行效率方面进一步优化。
转载请注明原文出处《Javascript动画工具mo对象更新记录》 如无特别声明，所有文章均遵守创作共用 署名－非商业－禁止演绎 3.0协议。
动画类功能简介-风琴效果菜单实现
经过一段时间的修改以及反复的测试，这个动画类终于基本实现了计划的功能。主要包括常用的向上闭合，向下展开，高度宽度同时闭合以及展开，背景色改变（常用的黄退效果），透明度改变，以及一个更为通用的包含位置，尺寸，背景色，透明度等等同时变化的方法。请点击查看Demo页面。 继续阅读 »
转载请注明原文出处《动画类功能简介-风琴效果菜单实现》 如无特别声明，所有文章均遵守创作共用 署名－非商业－禁止演绎 3.0协议。
Javascript动画效果的实现（三）
上两篇文章我们主要讲了如何使用Javascript实现动画的基本原理，以及如何获得效果较为自然的的运动公式。前两篇文章的重点在于讨论原理，可能急于动手的你已经按捺不住想要写一些自己的动画效果了。那么这篇文章我们就来实现一个自己的通用动画类。它包含一些常用的动画效果，例如显示隐藏，展开关闭等等，同样它也包含一个通用的动画函数，让你可以自己定义个性化的动画效果。 继续阅读 »
转载请注明原文出处《Javascript动画效果的实现（三）》 如无特别声明，所有文章均遵守创作共用 署名－非商业－禁止演绎 3.0协议。
Javascript动画效果的实现（二）
在上一篇文章我们具体的介绍了Javascript中动画效果的实现原理。并重点了介绍了两种判断动画完成的情况。如果你没看过，请点击这里查看。这篇文章我们不是介绍如何制作动画，二是介绍如何让你做得动画更加的自然，让人看起来更加的自然和舒服，这里主要介绍一下在动画过程中经常用到的缓动效果，本篇文章假设你对高中物理有一定的理解，当然要是对数学物理方法有所涉猎的话就更好了:P，不过这不是必须的。(ps.虽然数学物理方法是我的主修课，但是我学的还是一塌糊涂) 继续阅读 »
转载请注明原文出处《Javascript动画效果的实现（二）》 如无特别声明，所有文章均遵守创作共用 署名－非商业－禁止演绎 3.0协议。
Javascript动画效果的实现（一）
大家在写Javascript脚本代码交互效果的时候，很多时候可能会用到动画效果，比如幻灯片，下拉菜单，层的展开关闭，元素的显示与隐藏以及有时候让人非常讨厌的浮动广告（它会在你的屏幕上飘来飘去让人着实讨厌）。当然在进行这些处理的时候你也可以不用加入动画效果，但是如果是适当的加入动画效果无疑会让你的界面变得更加吸引人。本篇文章简单的说明一下动画的原理，重点说的是Javascript中动画的实现，本篇文章需要你对Javascript有一定的理解，当然要是对Flash有所了解更好。 继续阅读 »
转载请注明原文出处《Javascript动画效果的实现（一）》 如无特别声明，所有文章均遵守创作共用 署名－非商业－禁止演绎 3.0协议。