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

WBOY

Freigeben： 2016-05-16 18:28:06

Original

1268 Leute haben es durchsucht

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

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

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

html代码：

复制代码代码如下:

调用方式：

复制代码代码如下:

 
//直接切换效果 
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

打包下载地址

Verwandte Etiketten：

图片切换

Quelle：php.cn

Vorheriger Artikel：jQuery Selector选择器小结_jquery Nächster Artikel：跨浏览器的 mouseenter mouseleave 以及 compareDocumentPosition的使用说明_javascript技巧

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Neueste Artikel des Autors