Плавная кнопка вверх для 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$)?>
Чтобы оставить комментарий под этой публикацией, войдите или зарегистрируйтесь.

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

Прелоадер для сайта
Прелоадер для сайта
Кнопка лайк как на Facebook
Кнопка лайк как на Facebook
Типичные ошибки пользователей uCoz
Типичные ошибки пользователей uCoz
Крутейший jQuery плагин для имитации воды на сайте
Крутейший jQuery плагин для имитаци
Простой Морфинг Поиск
Простой Морфинг Поиск
Вид материалов как на Kanavas
Вид материалов как на Kanavas