JQuery и fadeIn

12:14 14.03.2008

JQuery и fadeIn

Чтобы сделать эффект проявки, как сейчас на моём сайте, нужно использовать 1 функцию от jquery.com. Пример:

подключаем библиотеку jquery:

<script type="text/javascript" src="_js/jquery.js"></script>

это ваш элемент:

<div id="logo" style="display: none;">мой элемент</div>

это код скрипта, ява-скрипта (это шутка, все поняли? закос под бонда. джеймса бонда):

<script type="text/javascript">

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

</script>

Но не торопитесь тупо вставлять такой код. Почему? Потому что в случае выключенности javascript у клиента, ваш элемент останется невидимым!

Однако, путём нехитрой изъёворотливости, вопрос можно решить :)

это ваш элемент:

<div id="logo">мой элемент</div>

это код скрипта, который прячет элемент сразу после загрузки страницы. т.е. этот код вставляем сразу под нужным вам элементом:

<script type="text/javascript">

$('#logo').hide();

</script>

а вот этот кусочек вставляем в самом низу страницы, чтобы чуть попозже пользователь увидел проявку вашего элемента:

<script type="text/javascript">

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

</script>

В итоге: если javascript выключен, то ничего не произойдёт, и все элементы будут видны. А если включен, то элемент сразу исчезнет, и лишь потом проявится :)

Только не забывайте, куча тупых эффектов не сделают ваш ужасный сайт лучше. А вот тормозов добавит.

комментарии: 3

я код-мастер, настроение скриптовое. ява-скриптовое.

 

D-nV

18:09 14.03.2008

Какой страшный скрипт. Как работает вникать щас не буду, но ИМХО что то уж слишком "многа букав" в той библиотеке :)

denisx

22:38 14.03.2008

ну так то библиотека (причем сжатая версия, для загрузки специально ), там знаешь сколько функций... ух! :)

ceba

13:53 15.03.2008

я свинья =)

Добавить свой комментарий

 

 

 

 

 

Всего материалов: 558, комментариев: 1253.