The following is the fade in effect made with jQuery:
Here’s the file contents of the above example:
The jQuery codes are quite simple. The only thing need to mention is that the contents of the selected element need to be hidden at the beginning, thus allow the Div layer animating from hidden to visible. The Div layer can easily be hidden by setting the style to “display:none”.
<div id="fadeInEffect" style="display:none;">
The jQuery post discussed how to create a fade in effect with jQuery.