Up на подобии как в вк
Скрипты для uCoz
Скрипт кнопка вверх на подобии такой как в вк для сайта.
Установка:
1. Заходим в Панель Управления сайтом потом в Управление дизайном - Прописываем стили в таблице стилей (CSS) в самый низ:
2. А вот этот код прописываем в нижнюю или верхнюю часть сайта:
На этом установка завершена. Скрипт проверен в IE 9, в мозиле, опере, гугл хроме
Установка:
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}
.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}
2. А вот этот код прописываем в нижнюю или верхнюю часть сайта:
Код
<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;
});
});</script>
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;
});
});</script>
На этом установка завершена. Скрипт проверен в IE 9, в мозиле, опере, гугл хроме
Ctrl
Enter
Заметили ошЫбку
Выделите текст и нажмите Ctrl+EnterЧитайте также
Шаблон Torrent-Gamer для uCoz Адаптивный торрент шаблон для вашего портала uCoz. Дизайн выполнен ...
Уникальный шаблон htmlSTART v2 Дизайн очень нагружен информерами и кнопками, также имеется не совс...
Адаптация шаблона MinimalTemplate для uCoz (Обновленный) Новая адаптация шаблона MinimalTemplate, Уникальный качественный и ...
Кино-шаблон TVSpirit для uCoz Представляю вам новый, красивый шаблон под названием TVSpirit для с...
Страница регистрации для ucoz Напиши кратко, данный скрипт вы увидите на скриншоте... Красивый ун...
Комментарии (2)
Добавить
