Отправляет email-рассылки с помощью сервиса Sendsay

WebDix советует...

  Все выпуски  

WebDix советует... Совет #51


Кнопка "вверх" (плавный скролл)

Мы продолжаем публикацию каких-то важных мелочей, с помощью которых вы сможете сделать ваш сайт более функциональным и интересным

Сегодня разговор пойдёт о кнопке, которая отправляет пользователя на верх страницы, такая кнопка полезна при большом заполнении текстом страницы.

Как сделать кнопку "Вверх" думаю знают все.
Никаких якорей в документе можно не ставить, просто написать.

<a href="#top">Вверх</a>

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

Вставляем между тегами <head> и </head>
Такой код

<script Language="JavaScript">
  function scrollit()
  {for (I=100; I>=1; I--)
  {self.scroll(1,I)}}
</script>


А ссылка вверх тогда будет иметь такой код

<a href="javascript:scrollit()">Вверх</a>

Реализацию эффекта можете понаблюдать на странице http://www.vasechkin.ru/

Просто нажмите на ссылку "вверх", которая находится внизу страницы.

На этом сегодня всё. До завтра! 

Nikitar

PS. У вас есть вопрос, связанный с веб-дизайном, flash-анимацией или photoshop'ом? Задайте мне его по мылу, и я вам отвечу либо лично, либо направлю к специалистам, которые с радостью ответят на ваш вопрос. Можно писать прямо вот отсюда: http://webdix.ru/konkakt.html

 WebDix.ru - сайт журнала о веб-дизайне WebDix

WebDix #15 - скачать выпуск журнала

RusForumz.com - форум о веб-дизайне

В избранное