Эффектное появление страницы на jQuery
Эффектное появление страницы на jQuery
Вчера на форуме спрашивали по поводу плавного появления страницы (проявления). Делается это очень просто, и под силу абсолютно каждому.

Весь последующий код нужно будет вставить между тегами:
<head>
..........
</head>

Поехали:
1. Подключаем jQuery. Можно скачать, и положить в папку на своем же сайте. А можно, просто брать с Яндекс JS-Хостинга:
<script type="text/javascript" src="http://yandex.st/jquery/1.6.2/jquery.min.js"></script>

2. Создаем эффект:
<script>
$(document).ready(function(){
  $("body").css("display","none").fadeIn("slow");
});
</script>

Подробнее:
css("display","none") - скрываем объект body
fadeIn("slow") - эффект появления, за место slow можно писать любое время в миллисекундах.

Другие эффекты Вы сможете найти на API jQuery

Посмотреть пример анимации не для всей страницы, а только для контента, можно у меня: http://клац.рф

Если нужны более сложные эффекты (не хуже чем во Flash), обращайтесь, напишу урок (но понадобится подопытный сайт для примеров fellow).


Рубрика: Бесплатное » Дополнения   |   Автор: bizze   |   Просмотры: 17326
Комментариев: 159
Публикаций: 10
ICQ: 407464816
- 174 +
  Автор: bizze   |   Группа: V.I.P.   |   Дата: 02 июля 2011  
Если понравилось, не забываем жать
Комментариев: 171
Публикаций: 10
ICQ: 616654741
- 309 +
  Автор: pushok   |   Группа: V.I.P.   |   Дата: 02 июля 2011  
bizze, хм, здесь ток появление страницы, а именно эфект поставлен, вот чтобы ты зделал переход по страницам на аякс и чтобы при этом менялся адрес в адресной строке браузера - вот это былобы полезнее)))
Комментариев: 738
Публикаций: 50
ICQ: --
- 4 +
  Автор: Green-wm   |   Группа: Пользователи   |   Дата: 02 июля 2011  
Ух ты какая штука =) Поставил себя на CMS веб-студии ёпт =)

Лови + =)
Комментариев: 159
Публикаций: 10
ICQ: 407464816
- 174 +
  Автор: bizze   |   Группа: V.I.P.   |   Дата: 02 июля 2011  
pushok,
А спрашивали про сайт http://webid.org.ua/ - Там без AJAX.
Цитата: pushok
вот это былобы полезнее)))

Было бы, но урок не про это fellow

Цитата: Green-wm
Лови + =)

Благодарствую.
Комментариев: 738
Публикаций: 50
ICQ: --
- 4 +
  Автор: Green-wm   |   Группа: Пользователи   |   Дата: 02 июля 2011  
Я кстати типа такой штуки ставил уже. В IE глючило ппц как. А эта вроде нормально пашет. smile
Комментариев: 159
Публикаций: 10
ICQ: 407464816
- 174 +
  Автор: bizze   |   Группа: V.I.P.   |   Дата: 02 июля 2011  
Про IE не знаю, но должно нормально быть.
Комментариев: 738
Публикаций: 50
ICQ: --
- 4 +
  Автор: Green-wm   |   Группа: Пользователи   |   Дата: 02 июля 2011  
Цитата: bizze
Про IE не знаю, но должно нормально быть.

В IE9 нормально вроде.
Комментариев: 240
Публикаций: 6
ICQ: 573235722
- -896 +
  Автор: VELIK505   |   Группа: Программисты   |   Дата: 02 июля 2011  
А как IE9 запретить использовать в режиме совместимостимости кто-нить знает?
Заголовок <meta http-equiv="X-UA-Compatible" content="IE=edge" /> не понимает!
Комментариев: 159
Публикаций: 10
ICQ: 407464816
- 174 +
  Автор: bizze   |   Группа: V.I.P.   |   Дата: 03 июля 2011  
VELIK505,
С IE не дружу, тут что-то есть Document Mode
Комментариев: 77
Публикаций: 2
ICQ: 50406060
- 191 +
  Автор: Contego   |   Группа: Пользователи   |   Дата: 05 июля 2011  
bizze,
как всегда суперно и нахаляву))))
Комментариев: 159
Публикаций: 10
ICQ: 407464816
- 174 +
  Автор: bizze   |   Группа: V.I.P.   |   Дата: 06 июля 2011  
Цитата: Contego
bizze,как всегда суперно и нахаляву))))

Спасибо, буду стараться и дальше радовать публику smile
Комментариев: 12
Публикаций: 1
ICQ: --
- 26 +
  Автор: alleks   |   Группа: Пользователи   |   Дата: 08 июля 2011  
bizze - подскажи как називаетца правильно способ чтобы сделать как на клац.рф, чтобы основная часть оставалось а что заменять заменялась.

И если не трудно статью размести
Комментариев: 159
Публикаций: 10
ICQ: 407464816
- 174 +
  Автор: bizze   |   Группа: V.I.P.   |   Дата: 08 июля 2011  
alleks,
Держи
<script>
$(document).ready(function(){
$("#content").css("display","none").fadeIn("s
low");
});
</script>


<div id="content">
Тут контент
</div>

Комментариев: 87
Публикаций: 11
ICQ: 8165252
- 64 +
  Автор: dimansoft   |   Группа: Пользователи   |   Дата: 18 марта 2013  
чёт никуя не выходит!
Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.