Tag Archives: fade-in

Making a Webpage fade-in with jQuery (Cross-Browser Compatible)

jQuery logo

jQuery logoGoal

Using lessons from my jQuery class, I added a jQuery fade-in effect to my company’s homepage: It greets visitors with a white page quickly resolving into a site menu. This fade-in effect works on every browser version I tested, including the earlier, opacity-challenged versions of Internet Explorer (IE). It also gracefully degrades if the visitor has disabled JavaScript.


Initial searches on Google and Stack Overflow presented a host of possible solutions, but not all combinations of them worked. Some suggested

Read the rest
Posted in jQuery, Sean's Posts, Web Design | Also tagged , , | Comments closed
  • Currently Reading: