Hell Yeah Pointer 3 «ФОРУМ ПОДДЕРЖКИ ⎞*°•.★БеСпОщАдНыЕ★.•°*⎛ Shapka

Видеочат: общение в эрочате в режиме онлайн – Беспощадные

НАШ ФОРУМ

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » НАШ ФОРУМ » Полезное для сайтов » <!--кнопочки вверх вниз-->


<!--кнопочки вверх вниз-->

Сообщений 1 страница 2 из 2

1

Код:

<!--кнопочки вверх вниз-->
<style>
.go-up,.go-down {
padding:0;
margin:0px;
display:block;
background-color:transparent;
outline: none 0 transparent;
border:none 0 transparent;
border-radius:10px;
cursor:pointer;
text-align:center; /*выравнивание*/
opacity: .9; /*прозрачность*/
width:66px; /*ширина кнопки*/
height:74px; /*высота кнопки*/
}
/*при наведении курсора*/
.go-down:hover,.go-up:hover {
opacity:1;
}
#wrp-butt{
overflow:hidden;
position:fixed; /*позиционируем*/
z-index:9999; /*показываем поверх всех элементов на странице*/
right:5px; /*указываем положение, если слева - left*/
bottom:10px; /*положение от низа окна браузера*/
}
</style>
<div id=wrp-butt>
<button class="go-up" id="ToTop" onmousedown="$('html,body').animate({scrollTop:0},{ 'duration': 1000, 'easing':'linear' });$(this).css({'margin':'1px -1px -1px 1px'});" onmouseup="$('html,body').stop(true);$(this).css({'margin':'0'})">
<img src="http://sa.uploads.ru/CeznN.png" alt="вверх" style="vertical-align: middle">
</button>
<button class="go-down" id="OnBottom" onmousedown="$('html,body').animate({scrollTop:$(document).height()},{ 'duration': 1000, 'easing':'linear' });$(this).css({'margin':'1px -1px -1px 1px'});" onmouseup="$('html,body').stop(true);$(this).css({'margin':'0'})">
<img src="http://sa.uploads.ru/IG1xt.png" alt="вниз" style="vertical-align: middle">
</button></div>

Подпись автора

http://besposhhadnye.ru/

https://i.bcicdn.com/images/promo_tools/models/1bongacams_model_good_idea_728%D1%8590_rus.gif

0

2

Код:

background-image : url(http://forumstatic.ru/files/001a/d5/a6/12801.gif);

Подпись автора

http://besposhhadnye.ru/

https://i.bcicdn.com/images/promo_tools/models/1bongacams_model_good_idea_728%D1%8590_rus.gif

0


Вы здесь » НАШ ФОРУМ » Полезное для сайтов » <!--кнопочки вверх вниз-->