Кнопки вверх и вниз сайта от CRAZY-BOMB.RU
19.01.2013, 08:16


Ставим в верхнюю часть сайта в самый верх

Код
<br><a style="display:none;position:fixed;height:13px;width:29px;padding-left:20px;" href="javascript://" id="toDown" title="Вниз сайта"><img alt="Вниз сайта" title="Вниз сайта" border="0" align="absmiddle" src="http://www.crazy-bomb.ru/uc3/images/niz.png"></a>
<br><a style="display:none;position:fixed;height:13px;width:29px;padding-left:20px;" href="javascript://" id="toTop" title="Вверх сайта"><img alt="Вверх сайта" title="Вверх сайта" border="0" align="absmiddle" src="http://www.crazy-bomb.ru/uc3/images/verh.png"></a>

<script>
$(window).scroll(function(){
if($(window).scrollTop() > "300"){
$('#toTop').fadeIn();
$('#toDown').hide();
}else if($(window).scrollTop() == "0"){
$('#toTop').fadeOut();
$('#toDown').fadeIn();
}
});
$('#toTop').click(function(){
$('html, body').animate({scrollTop:0}, 350);
$('#toDown').fadeIn();
});
$('#toDown').click(function(){
$('html, body').animate({scrollTop:$('body').height()}, 350);
$('#toDown').fadeOut();
});
</script>
Категория: Наши работы | Добавил: RICHMOND
Просмотров: 384 | Загрузок: 0 | Рейтинг: 4.0/4
Всего комментариев: 0

Добавить комментарий


Наверх