Плавная кнопка вверх для uCoz
Красивая кнопка для поднятия страницы вверх.

Кнопка вверх для юкоз. Простая установка и интересный дизайн кнопки.

Установка


Вставить в Нижнюю часть сайта:


Код
<!-- <Вверх> -->  
<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;}

Всего комментариев: (0)

_LOGGED_IN$)?>
Чтобы оставить комментарий под этой публикацией, войдите или зарегистрируйтесь.

Случайные материалы

5 бесплатных паттернов с иконками на фоне
5 бесплатных паттернов с иконками н
30 бесплатных онлайн редакторов фото-, видео- и аудиофайлов
30 бесплатных онлайн редакторов фот
Игра Kolor
Игра Kolor
Интересная замена фотографий «Нет аватара» для uCoz
Интересная замена фотографий «Нет а
Прокрутка страницы
Прокрутка страницы
Изменение скролла
Изменение скролла