Animation effect code based on jquery_jquery

The interesting parts of jquery animation
are shown in the renderings:

Thoughts:
Set the image as the background image of the split div and control the attributes of the div to create interesting filter effects. In this example One is shown in , and interested friends can try the implementation of other filters.
The rest of the animation in this example is mainly implemented using animate and delay provided in jquery.
animate: The key to this function is to specify the animation form and result style attribute object. Each property in this object represents a style property that can be changed.
delay: Set a delay to delay the execution of subsequent items in the queue.
Example effect:

<title>jquery animation</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style type="text/css"> *{margin: 0px;padding: 0px;} #test{width:300px; height: 300px; position: relative; margin: 20px auto 0px;} </style> <div id="test"> <img alt="" style="max-width:90%" style="max-width:90%" src="http://files.jb51.net/upload/201207/20120725224206212.jpg"> </div>
[Ctrl A select all Note:

If you need to introduce external Js, you need to refresh to execute ]