Просматривая страницы сайтов иногда возникает необходимость переместиться в начало страницы, скажем, к главному меню. Чтобы ускорить данный процесс и не заставлять читателя прокручивать весь просмотренный ранее текст назад, есть возможность соответствующими кодами HTML и CSS установить на своей странице в правом нижнем углу ссылку-указатель На верх (Back to Top). При нажатии на нее, в любое время ознакомления с документом, браузер переходит в начало страницы.
Ссылку можно оформить картинкой или спецсимволом HTML. На мой взгляд это простейший вариант:
Код между тегами <HEAD></HEAD>:
<style type="text/css">.backtotop a:hover
{background:none;}</style>
Код между тегами <BODY></BODY>:
Картинка - |
<div class="backtotop">
<a style="display:scroll;position:fixed;bottom:5px;right:5px;"
class="backtotop" href="#" rel="nofollow"
title="Back to Top">
<img style="border:0;"
src="http://vvfed1.narod2.ru/gogo.gif"/></a></div>
|
|
Спецсимвол:
▲ - <span style="color:blue; font-size:20px">▲</span>
|
Спецсимвол:
↑ - <span style="color:blue; font-size:20px">↑</span>
|
Примечание: Фиолетовым цветом указан адрес картинки, вместо которого можно вставить код спецсимвола.