可扩展的封装方式，方便实现不同特效，源码中给出了淡出效果(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.jb51.net/js/picChange/index.html打包下载地址

　　推荐阅读

　　Jquery 动态添加按钮实现代码

点击添加 动态添加两个文本框： 分别表示x和y的值，点击取消 删除本行的2个文本框记得要引入jquery.js复制代码 代码如下: <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javas>>>详细阅读

本文标题：picChange 图片切换特效的函数代码

地址：http://www.17bianji.com/kaifa2/JS/26481.html

 1/2    1