2010-06-16 4 views
2

Я хочу исчезнуть на фоне записи в div - это показать пользователю, что самая последняя запись находится на загрузке страницы.fadeIn на странице load

Я хочу, чтобы это выполнялось на загрузке страницы, без необходимости щелчка или наведения или чего-либо еще, только когда страница загружается.

У меня есть это:

$(document).ready(function() { 
    $('#box').fadeIn(5000, function() { 
    // Animation complete 
    }); 
}); 

Является ли это что-то вроде Pageload?

Любая помощь приветствуется.

+0

Pageload, как документ готов, что не работает? –

+0

@kerry есть разница между pageLoad и document.ready специально, когда он спрашивает об образах –

ответ

6

Используйте load событие, которое запускает загрузки страницы:

$(window).load(function() { 
    $('#box').fadeIn(5000, function() { 
    // Animation complete 
    }); 
}); 
+0

Не могли бы вы объяснить разницу между '$ (document) .ready (...)' и '$ (window) .load (. ..) '? Я все еще достаточно новичок в jQuery и раньше не сталкивался с последней альтернативой. =) –

+1

@ricebowl: обработчик 'ready' запускается, когда DOM (объектная модель документа) становится готовой (быстрее/раньше), а' load' запускается, когда все ресурсы страниц, включая DOM, изображения, фреймы и т. Д., Загружаются (медленнее), но важны когда дело касается изображений/кадров. – Sarfraz

+0

А, спасибо за это =) (+1) –

1

не 100% уверен, но вы пробовали

 
window.onload =function() { 
    $('#box').fadeIn(5000, function() { 
    // Animation complete 
    }); 
} 

0

Брэда, ваш код должен работать, если вы прячете содержание сначала, а затем снова затухает. jQuery не может вытереть что-то, что уже показывает в том же смысле, что вы не можете угаснуть что-то, что уже скрыто.

See example

$(document).ready(function() { 
    $('#box').hide().fadeIn(5000, function() { 
    // Animation complete 
    }); 
}); 
Смежные вопросы