Установка самой кнопки:
В 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>
Уважаемый посетитель, скачивать материал могут только зарегестрированные пользователи!
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Пользователи/
» /
578 /
0
html-cсылка на публикацию | |
BB-cсылка на публикацию | |
Прямая ссылка на публикацию |
Всего комментариев: 0 | |
Уважаемый посетитель, Вы зашли на сайт, как незарегистрированный пользователь.
Мы рекомендуем Вам
зарегистрироваться,либо войти на сайт под своим именем.
Мы рекомендуем Вам
зарегистрироваться,либо войти на сайт под своим именем.