[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » WEB-Мастерская UCOZ » Скрипты для Ucoz » Очень стильная кнопка вверх для uCoz (кнопочка вверх)
Очень стильная кнопка вверх для uCoz
ManzorДата: Четверг, 18.08.2016, 23:14 | Сообщение # 1
Offline
Сообщений: 47
Группа:
Admin


Установка скрипта:
 
Заходим в ПУ потом  в CSS вставляем код в самый низ

Код
.scrollup{width:40px;height:40px;position:fixed;bottom:200px;left:160px;display:none;text-indent:-9999px;background: url('http://webmaster-ucoz.ru/ucoz/img/vverkh.png') no-repeat;opacity:0.5;} 
.scrollup:hover{opacity:0.7;}


В нижнюю часть сайта вставляем

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


СКАЧАТЬ КАРТИНКУ
Форум » WEB-Мастерская UCOZ » Скрипты для Ucoz » Очень стильная кнопка вверх для uCoz (кнопочка вверх)
Страница 1 из 11
Поиск: