Кнопка наверх для сайта

Кнопка наверх для сайта

Давно всем известная кнопка наверх, мне в том числе, которой сам не знаю почему, я очень долго пренебрегал.
А потом меня как-то осенило, ведь такой простой инструмент как кнопка наверх, может довольно сильно облегчить жизнь читателю и сэкономить время.
Тем более что для создании кнопки наверх, надо вставить всего несколько строк кода на сайт.
 
Для начала, подключаем библиотеку jQuery:

<script language="JavaScript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">

Далее скрипт кнопки наверх, который можно разместить в самом конце HTML страницы:


После основного скрипта, вставляем код кнопки:

<a style='position: fixed; bottom: 25px; right: 5px; cursor:pointer; display:none;' href='#' id='Go_Top'>
<img src="images/vverx.jpg" width=50px alt="Наверх" title="Наверх">
</a>

Соответственно в папку images надо вложить картинку самой кнопки.

Вот так, всего за несколько шагов можно установить кнопку наверх на свой сайт.

comments powered by Disqus
Subscribe to RSS Feed Следить в Twitter