Question

186

rated 0 times [ 187] [ 1] / answers: 1 / hits: 54531 / 15 Years ago, sun, august 2, 2009, 12:00:00

I'm using jQuery. I need a div to fade in when the page loads.

<div id=monster></div>

How can I achieve this?

Only authorized users can answer the question. Please sign in first, or register a free account.

Total Points: 92

Total Questions: 88

Total Answers: 96

Location: China

Member since Fri, Jan 15, 2021

3 Years ago

dylondaytond questions

Fri, Jun 10, 22, 00:00, 2 Years ago

Tue, Jun 22, 21, 00:00, 3 Years ago

Tue, Sep 22, 20, 00:00, 4 Years ago

Thu, May 7, 20, 00:00, 4 Years ago

Fri, Feb 21, 20, 00:00, 4 Years ago

answered 15 Years ago shelbiec · Accepted Answer

It cannot be simpler:

$(function(){  // $(document).ready shorthand

  $('#monster').fadeIn('slow');

});

If your div is not initially hidden, you could hide it before the animation:

 $('#monster').hide().fadeIn('slow');

The speed parameter can be 'slow', 'normal', 'fast' or the number of milliseconds to run the animation.