Сайт клана TBW // Скрипт кнопки на верх для вашего сайта - 9 Февраля 2013
Скрипт кнопки на верх для вашего сайта
0
Информация
- Просмотров: 340
- Теги:
Установка самой кнопки:
В 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>
Комментарии к "материалу"
Добавить комментарий
Меню сайта
Поиск
Архив записей
- 2011 Сентябрь
- 2011 Ноябрь
- 2011 Декабрь
- 2012 Январь
- 2012 Март
- 2012 Май
- 2012 Август
- 2012 Октябрь
- 2012 Ноябрь
- 2012 Декабрь
- 2013 Январь
- 2013 Февраль
- 2013 Март
- 2013 Апрель
- 2013 Май
- 2013 Июнь
- 2013 Июль
- 2013 Август
- 2013 Сентябрь
- 2013 Октябрь
- 2013 Ноябрь
- 2013 Декабрь
- 2014 Январь
- 2014 Февраль
- 2014 Март
- 2014 Август
- 2014 Сентябрь
- 2015 Январь
- 2015 Февраль
Наш опрос
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0