Главная  Добавить в избранное Сделать стартовой Статьи |  Flash |  Photoshop |  Графика |  Форум |  Полезные ресурсы |  Контакты |  О проекте | 

Разделы статей
- Web-дизайн
- HTML/CSS
- PHP
- JavaScript
- СЕО/Продвижение
- Домены
- О Скриптах
- Веб-дизайн - Советы
- Компьютеры/Интернет

Информация

Портал Rusforumz постоянно ищет авторов статей, при публикации соблюдаются все ваши авторские права и вы можете вставить ссылку на свой сайт. Статьи должны быть уникальными, а не скопированные с других ресурсов или книжек. Если вы хотите опубликовать свою статью, то свяжитесь с нами через раздел "Конаткты".


Популярные статьи

Статистика


Rambler's Top100
Статьи о web-дизайне


Статьи для web-мастеров » HTML/CSS » Кнопка "вверх" (плавный скролл)


Кнопка "вверх" (плавный скролл) Раздел: HTML/CSS
Мы продолжаем публикацию каких-то важных мелочей, с помощью которых вы сможете сделать ваш сайт более функциональным и интересным
Сегодня разговор пойдёт о кнопке, которая отправляет пользователя на верх страницы, такая кнопка полезна при большом заполнении текстом страницы.

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


<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/

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