Picchange picture Switching effects function code _javascript tips

Scalable packaging to facilitate the implementation of different effects, the source code gives the fade effect (fade function), and the removal effect (move function) implementation.

A word function call, realize the picture switch effect.
Picchange ("The ID of the picture UL list", the method that toggles the picture is quoted, picture toggles time, picture moves direction);
Use the simplest method of invocation and the most concise HTML code to achieve this commonly used picture switching effect.
Examples of using methods:

HTML code:

Copy Code code as follows:

<div id= "Win" >
<ul id= "Picchange" >
<li></li>
<li></li>
......
</ul>
</div>

Call Mode:

Copy Code code as follows:

Direct Switch effect
Picchange ("Picchange");
Fade out effect
Picchange ("Picchange", fade,500);
Move up the effect
Picchange ("Picchange", move,500, "up");
Move down the effect
Picchange ("Picchange", move,500, "down");
Move left out effect
Picchange ("Picchange", move,500, "left");
Move right out of effect
Picchange ("Picchange", move,500, "right");

See demo bash here: http://demo.jb51.net/js/picChange/index.html

Package Download Address