Picchange Function Code

Scalable encapsulation to facilitate different effects. The source code provides the fade function and the move function.

One-sentence function call to achieve image switching special effects.
Picchange ("ID of the image ul list", switching the image method reference, image switching time, and image moving direction );
Use the simplest call method and the most concise htmlCodeTo achieve this commonly used picture switching effect.
Example:

HTML code:

Copy code The Code is as follows: <Div id = "win">
<Ul id = "picchange">
<Li> </LI>
<Li> </LI>
......
</Ul>
</Div>

Call method:Copy codeThe Code is as follows: // directly switch the result
Picchange ("picchange ");
// Fade out Effect
Picchange ("picchange", fade, 500 );
// Move up
Picchange ("picchange", move, 500, "up ");
// Downward Removal Effect
Picchange ("picchange", move, 500, "down ");
// Remove the effect from the left
Picchange ("picchange", move, 500, "left ");
// Remove to the right
Picchange ("picchange", move, 500, "right ");

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

Package