August 2008 Archives

基于jQuery animate封装的一个动态遮罩效果
支持easing库
支持maskIn/maskOut效果设置（有高度渐变、宽度简便、从各个角度进入/退出）
支持遮罩层颜色设置、透明度设置
支持进入、退出速度设置

具体使用方法：
$("#threeimg").animateMask("#four",500,{easing:'backout',maskIn:"heightIn",maskOut:"widthOut",
duration:"slow",color:"#f00",opacity:"0.5"});

$("#threeimg")为鼠标hover事件的对象

"#four"为出现动态遮罩的对象

maskIn/maskOut为进入、退出的效果设置（具体效果有heightIn、widthIn、lefttopIn、righttopIn、leftbottomIn、rightbottomIn和heightOut、widthOut、lefttopOut、righttopOut、leftbottomOut、rightbottomOut，默认效果为从遮罩对象中部变大出现，然后淡出）

duration为退出时的速度设置

color设置遮罩层的颜色

opacity设置遮罩层的透明度

http://jqueryplugin.googlecode.com/files/AnimateMask.zip

从一个地方飞到另一个地方
把jQuery的animate方法封装了一下，支持设置fly时间、是否fade away，支持easing库，支持回调

具体使用方法：

    $("#from").flyTo("#to",1000,{fade:'true',easing:'backout',callback:function(){
       ended();             
    }});

ended(); 是回调时调用的函数，fade为true在fly的同时会慢慢消失

http://jqueryplugin.googlecode.com/files/FlyTo.zip