+ -
当前位置:首页 → 问答吧 → picChange-0.2:图片切换特效封装函数改进

picChange-0.2:图片切换特效封装函数改进

时间:2010-05-06

来源:互联网

上次发过一篇《分享一个自己写的图片切换封装特效picChange-0.1 》(如有不明白的可点击观看),在此基础上对0.1版进行了优化更改,主要的更新如下:

1.更改了原来一个将方向"up"错写为"top"导致的错误。

2.将原来的图片切换函数封装在一个picChangeHandle对象中,统一管理,便于扩展,也尽可能地避免了命名冲突的问题。picChangeHandle对象大约是下面这个样子:
引用:
var picChangeHandle = {
       none:function(){},           //直接切换
       fade:function(){},           //淡出
       move:function(){},      //移出
       wheel:function(){},      //联动
       other:function(){}          //其他效果,供扩展
}
3.增加了一个联动特效,即新图片会伴随着原图片的移出而移入。

调用方法为:
引用:
picChange("picChange",picChangeHandle.wheel,500,"up");
也可移步我的博客查看:http://www.ilovespringna.com/?p=34178。

查看Demo请点击:http://www.ilovespringna.com/test/picChange-0.2/。

下载demo请查看附件。

[ 本帖最后由 afc163 于 2010-5-9 20:10 编辑 ]

附件

picChange-0.2.rar (35.54 KB)

2010-5-6 14:06, 下载次数: 26

作者: afc163   发布时间: 2010-05-06