jquery realizes picture text fade out effect _jquery

This example mainly explains the jquery imitation Sina micro-blog picture text list up and down the intermittent rolling effect, share to everyone for reference, the specific content as follows

1, effect and function description of imitation Sina Weibo picture text list up and down, intermittent roll up and down

2. Principle of realization First to set the div can only display 4 pictures so many of the pictures will be automatically hidden and then add an animated event to the picture so they can scroll up and down scrolling effect play is the contents of Li tags in the picture and text of each Li as a whole in the scrolling play in the div when the display came out in the last leave Div The time to hide in the whole animation effect set a time to complete the operation.

3. Operating Environment

IE6 IE7 IE8 and above Firefox and Google chrome viewers can be implemented

4, all pictures of the compression package to create a new file after the package decompression into the folder picture of the compression package in the bottom of the page can be seen and download the download without modifying the folder name because itself has been written and HTML5 within the path is consistent

5, will create the HTML file to save when the encoding type (UTF-8 has a signature) so that some Chinese normal display, the save type (T) replaced (All Files (*.*)), the HTML5 and then put the picture folder in the same folder effect

Effect Chart:

Code:

<! DOCTYPE HTML ">  

The above is the jquery to achieve the image text fade the effect of the code, I hope to help you learn.