JQuery implements image text fade-in and fade-out effect _ jquery

This article mainly introduces jQuery's image text fade-in and fade-out effect. If you need it, refer to this example to explain the intermittent scroll-up and-down effects of jquery's imitation Sina Weibo image text list fade-in and fade-out, the content is as follows:

1. Effects and functions

2. Implementation principle first, we need to set p to display only four pictures. So many pictures will be automatically hidden, and then an animation event will be added to the image so that they can play them out and scroll up and down. effect playing is the content in the li tab. The image and text regard each li as a whole. During the scrolling playback, the content enters p and is displayed. When leaving p, the content is hidden in the animation effect. set a time to complete the operation.

3,Running Environment

IE6 IE7 IE8 and above can be implemented in Firefox and Google Chrome Explorer

4. Create a new file for the compressed packages of all images and decompress the package into the compressed package of the folder image. You can see at the bottom of the page and download the package without modifying the folder name because it has already been written and the paths in html5 are consistent.

5. Replace the encoding type (the UTF-8 has a signature) when saving the html file, so that some Chinese can be displayed normally, will save the type (T) replace with (all files (*. *). Place the html5 and decompressed image folders in the same folder.

:

Code: