Красивая кнопка для поднятия страницы вверх.
Кнопка вверх для юкоз. Простая установка и интересный дизайн кнопки.
Установка
Вставить в Нижнюю часть сайта:
Код
<!-- <Вверх> -->
<a href="#" class="scrollup"></a>
<script type="text/javascript">
$(document).ready(function(){
$(window).scroll(function(){
if ($(this).scrollTop() > 700) {
$('.scrollup').fadeIn();
} else {
$('.scrollup').fadeOut();
}
});
$('.scrollup').click(function(){
$("html, body").animate({ scrollTop: 0 }, 600);
return false;
});
});
</script>
<!-- </Вверх> -->
Вставить в Таблицу стилей:
Код
.scrollup{width:40px;height:40px;position:fixed;bottom:200px;left:0px;display:none;text-indent:-9999px;background: url('http://kanavas.at.ua/img/vverkh.png') no-repeat;opacity:0.5;margin: 10px 0px 30px 16px;}
.scrollup:hover{opacity:0.7;}