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实现 在光标处插入指定内容
May 25 Javascript
ie6下png图片背景不透明的解决办法使用js实现
Jan 11 Javascript
阻止事件(取消浏览器对事件的默认行为并阻止其传播)
Nov 03 Javascript
JS在IE下缺少标识符的错误
Jul 23 Javascript
jQuery中children()方法用法实例
Jan 07 Javascript
详解js跨域原理以及2种解决方案
Dec 09 Javascript
浅析js绑定事件的常用方法
May 15 Javascript
基于AGS JS开发自定义贴图图层
Mar 31 Javascript
jQuery简单实现对数组去重及排序操作实例
Oct 31 jQuery
vue scroller返回页面记住滚动位置的实例代码
Jan 29 Javascript
微信小程序云开发 生成带参小程序码流程
May 18 Javascript
JavaScript实现手机号码 3-4-4格式并控制新增和删除时光标的位置
Jun 02 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
全国FM电台频率大全 - 5 内蒙古自治区
2020/03/11 无线电
dedecms后台验证码总提示错误的解决方法
2007/03/21 PHP
PHPMailer安装方法及简单实例
2008/11/25 PHP
PHP的范围解析操作符(::)的含义分析说明
2011/07/03 PHP
Yii框架中使用PHPExcel的方法分析
2019/07/25 PHP
强制设为首页代码
2006/06/19 Javascript
[原创]IE view-source 无法查看看源码 JavaScript看网页源码
2009/07/19 Javascript
php和js对数据库图片进行等比缩放示例
2014/04/28 Javascript
JavaScript中的object转换函数toString()与valueOf()介绍
2014/12/31 Javascript
DOM基础教程之使用DOM控制表单
2015/01/20 Javascript
ECMAScript 5中的属性描述符详解
2015/03/02 Javascript
javascript操作ul中li的方法
2015/05/14 Javascript
js实现人才网站职位选择功能的方法
2015/08/14 Javascript
JavaScript中获取纯正的undefined的方法
2016/03/06 Javascript
Chrome不支持showModalDialog模态对话框和无法返回returnValue问题的解决方法
2016/10/30 Javascript
BootStrap实现响应式布局导航栏折叠隐藏效果(在小屏幕、手机屏幕浏览时自动折叠隐藏)
2016/11/30 Javascript
对Vue table 动态表格td可编辑的方法详解
2018/08/28 Javascript
js最实用string(字符串)类型的使用及截取与拼接详解
2019/04/26 Javascript
微信小程序可滑动月日历组件使用详解
2019/10/21 Javascript
Javascript异步流程控制之串行执行详解
2020/09/27 Javascript
用python做一个搜索引擎(Pylucene)的实例代码
2017/07/05 Python
python中将字典形式的数据循环插入Excel
2018/01/16 Python
浅谈Django学习migrate和makemigrations的差别
2018/01/18 Python
python实现多人聊天室
2020/03/31 Python
python创造虚拟环境方法总结
2019/03/04 Python
python3.7将代码打包成exe程序并添加图标的方法
2019/10/11 Python
Django 博客实现简单的全文搜索的示例代码
2020/02/17 Python
python中lower函数实现方法及用法讲解
2020/12/23 Python
应届毕业生求职自荐书
2014/01/03 职场文书
大学生志愿者活动总结
2014/06/27 职场文书
大学毕业生个人自荐书
2014/07/02 职场文书
环保项目建议书
2014/08/26 职场文书
股权转让协议范本
2014/12/07 职场文书
幼儿园中班教师个人总结
2015/02/05 职场文书
优秀教师主要事迹材料
2015/11/04 职场文书
高考升学宴主持词
2019/06/21 职场文书