- 19.05.2024
- 0
- 294
Установка самой кнопки:
В 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;}
{
/* 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 ставим:
Код
<a id="top"></a>
И теперь перед закрывающим тегом /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>
<div id="scroll_to"><script type="text/javascript" src="http://activiks.ru/img/png.js"></script><a href="#top" id="top-link">^ Наверх ^</a></div>
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Всего комментариев: 0 | |