picChange 图片切换特效的函数代码


Posted in Javascript onMay 06, 2010

picChange 图片切换特效的函数代码

可扩展的封装方式,方便实现不同特效,源码中给出了淡出效果(fade函数),和移出效果(move函数)的实现方式。

一句话函数调用,实现图片切换特效。
picChange(“图片ul列表的id” , 切换图片的方法引用 , 图片切换时间 , 图片移动方向);
用最简单的调用方式和最简洁的html代码来实现这个常用的图片切换效果。
使用方法示例:

html代码:

<div id=”win”> 
<ul id=”picChange”> 
<li><img src=”img/1.jpg” alt=”" /></li> 
<li><img src=”img/1.jpg” alt=”" /></li> 
…… 
</ul> 
</div>

调用方式:
//直接切换效果 
picChange(“picChange”); 
//淡出效果 
picChange(“picChange”,fade,500); 
//向上移出效果 
picChange(“picChange”,move,500,”up”); 
//向下移出效果 
picChange(“picChange”,move,500,”down”); 
//向左移出效果 
picChange(“picChange”,move,500,”left”); 
//向右移出效果 
picChange(“picChange”,move,500,”right”);

看Demo猛击这里:http://demo.3water.com/js/picChange/index.html

打包下载地址

Javascript 相关文章推荐
javascript 跳转代码集合
Dec 03 Javascript
javascript实现焦点滚动图效果 具体方法
Jun 24 Javascript
JS中的this变量的使用介绍
Oct 21 Javascript
jQuery实现带动画效果的二级下拉导航方法
Mar 11 Javascript
浅谈javascript中的闭包
May 13 Javascript
javascript连续赋值问题
Jul 08 Javascript
jQuery图片前后对比插件beforeAfter用法示例【附demo源码下载】
Sep 20 Javascript
AngularJs表单校验功能实例代码
Feb 09 Javascript
JS模拟实现ECMAScript5新增的数组方法
Mar 20 Javascript
微信小程序对接七牛云存储的方法
Jul 30 Javascript
JavaScript生成指定范围随机数和随机序列的方法
May 05 Javascript
vue实现导航菜单和编辑文本的示例代码
Jul 04 Javascript
JS 自定义函数缺省值的设置方法
May 05 #Javascript
JSQL 批量图片切换的实现代码
May 05 #Javascript
JSQL 基于客户端的成绩统计实现方法
May 05 #Javascript
JSQL SQLProxy 的 php 版本代码
May 05 #Javascript
JSQL  一个 web DB 的封装
May 05 #Javascript
Javascript JSQL,SQL无处不在,
May 05 #Javascript
Javascript 去除数组的重复元素
May 04 #Javascript
You might like
phpmyadmin出现Cannot start session without errors问题解决方法
2014/08/14 PHP
PHP return语句另类用法不止是在函数中
2014/09/17 PHP
WordPress中获取所使用的模板的页面ID的简单方法
2015/12/31 PHP
Yii2 rbac权限控制操作步骤实例教程
2016/04/29 PHP
php实现mysql连接池效果实现代码
2018/01/25 PHP
谈谈关于JavaScript 中的 MVC 模式
2013/04/11 Javascript
jQuery中[attribute^=value]选择器用法实例
2014/12/31 Javascript
JavaScript判断前缀、后缀是否是空格的方法
2015/04/15 Javascript
Jquery Easyui菜单组件Menu使用详解(15)
2016/12/18 Javascript
Ajax验证用户名或昵称是否已被注册
2017/04/05 Javascript
vue 动态修改a标签的样式的方法
2018/01/18 Javascript
Vue使用mixins实现压缩图片代码
2018/03/14 Javascript
Vue兼容ie9的问题全面解决方案
2018/06/19 Javascript
Vue自定义toast组件的实例代码
2018/08/15 Javascript
小谈angular ng deploy的实现
2020/04/07 Javascript
微信小程序开发(三):返回上一级页面并刷新操作示例【页面栈】
2020/06/01 Javascript
浅谈element中InfiniteScroll按需引入的一点注意事项
2020/06/05 Javascript
使用python Django做网页
2013/11/04 Python
介绍Python的Urllib库的一些高级用法
2015/04/30 Python
Python数据结构与算法之列表(链表,linked list)简单实现
2017/10/30 Python
python使用itchat库实现微信机器人(好友聊天、群聊天)
2018/01/04 Python
Python实现将Excel转换成xml的方法示例
2018/08/25 Python
Python对excel文档的操作方法详解
2018/12/10 Python
在python中用print()输出多个格式化参数的方法
2019/07/16 Python
如何在Django项目中引入静态文件
2019/07/26 Python
python通过nmap扫描在线设备并尝试AAA登录(实例代码)
2019/12/30 Python
Allsole美国/加拿大:英国一家专门出售品牌鞋子的网站
2018/10/21 全球购物
工程部主管岗位职责
2013/11/17 职场文书
元旦获奖感言
2014/03/08 职场文书
法律系毕业生自荐信范文
2014/03/27 职场文书
竞选团支书演讲稿
2014/04/28 职场文书
财政局党的群众路线教育实践活动整改方案
2014/09/21 职场文书
工作检讨书怎么写
2014/10/10 职场文书
2014年学习委员工作总结
2014/11/14 职场文书
招商银行收入证明
2015/06/17 职场文书
2015秋季开学演讲稿范文
2015/07/16 职场文书