picChange-0.2:图片切换特效封装函数改进
时间:2010-05-06
来源:互联网
上次发过一篇《分享一个自己写的图片切换封装特效picChange-0.1 》(如有不明白的可点击观看),在此基础上对0.1版进行了优化更改,主要的更新如下:
1.更改了原来一个将方向"up"错写为"top"导致的错误。
2.将原来的图片切换函数封装在一个picChangeHandle对象中,统一管理,便于扩展,也尽可能地避免了命名冲突的问题。picChangeHandle对象大约是下面这个样子:
none:function(){}, //直接切换
fade:function(){}, //淡出
move:function(){}, //移出
wheel:function(){}, //联动
other:function(){} //其他效果,供扩展
}3.增加了一个联动特效,即新图片会伴随着原图片的移出而移入。
调用方法为:
也可移步我的博客查看: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)
1.更改了原来一个将方向"up"错写为"top"导致的错误。
2.将原来的图片切换函数封装在一个picChangeHandle对象中,统一管理,便于扩展,也尽可能地避免了命名冲突的问题。picChangeHandle对象大约是下面这个样子:
引用:
var picChangeHandle = {none:function(){}, //直接切换
fade:function(){}, //淡出
move:function(){}, //移出
wheel:function(){}, //联动
other:function(){} //其他效果,供扩展
}
调用方法为:
引用:
picChange("picChange",picChangeHandle.wheel,500,"up");查看Demo请点击:http://www.ilovespringna.com/test/picChange-0.2/。
下载demo请查看附件。
[ 本帖最后由 afc163 于 2010-5-9 20:10 编辑 ]
附件

2010-5-6 14:06, 下载次数: 26
作者: afc163 发布时间: 2010-05-06
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28