Загрузка с плавным переходом jQuery?

#javascript #jquery #html #css #onload

#javascript #jquery #HTML #css #загрузка

Вопрос:

Хорошо, что я просто ищу, это короткий / простой скрипт, который позволит мне заменить имя DIV, чтобы у меня могло быть несколько divs на странице fadein после загрузки (включая изображения внутри них).

Есть идеи?

Спасибо!

1. Что вы подразумеваете под именем DIV? Идентификатор? Имя класса? Заголовок?

2. @Rob W: Этот вопрос не имеет отношения к соответствующему вопросу.

3. @Sime Vidas: я имею в виду идентификатор и или класс.

Ответ №1:

Дайте divs общий класс (например, «fade») и используйте код, аналогичный этому

 $(document).ready(function(){
    $(".fade").hide(0).delay(500).fadeIn(3000)
});

http://jsfiddle.net/5td73/

1. Удивительно, что это не работает в моем коде. Я вызвал jQuery 1.6.4. из CDN и добавил скрипт между тегами заголовка. Нужно ли мне определять OnLoad или вызывать это также? Потому что единственный код, который у меня есть, — это код, который предоставляется в jsFiddle. Спасибо!

2. @AaronBrewer Да, вы правы! Вам нужно запустить код после загрузки страницы. Вы можете сделать это, либо поместив свой тег script в конец элемента body (как я сделал в своей скрипке), либо обернув его в $(document).ready() функцию. Я обновлю свой ответ вторым вариантом.

Ответ №2:

Поместите этот код в свой файл javascript, для каждого элемента, который вы хотите скрыть, добавьте class="fadeOnLoad" код и обязательно добавьте display: none в css для любых элементов, которые вы хотите скрыть при загрузке:

 $(document).ready(function() {
       $('.fadeOnLoad').fadeIn('slow');
);