Суббота, 24.10.2020, 00:30
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта

Наш опрос
Какой дизайн лучше?


Всего ответов: 1186

установить такой вид опроса
Статистика
Яндекс.Метрика
Онлайн всего: 4
Гостей: 4
Пользователей: 0


Зарегистрировано 31001 (сегодня + 0 новых, вчера + 0 новых), В каталоге файлов 1130 материала(ов), Оставлено 5154 комментариев, На форуме создано тем и ответов.

установить такую статистику

Блок CW результаты

Победы
Победы(10)

Поражения
Поражения(5)


Установить CW блок на свой сайт
Внимание!
Наш сайт адаптирован под браузер Mozilla Firefox
скрипты для uCoz
Скачать/Download
В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)

установить такой блок
Поиск



установить такую кнопку twitter
или такую
красивая кнопка Twitter

Расскажи Друзьям!
Топ комментаторов

установить такой информер
VKONTAKTE

FACEBOOK
Главная страница » Помощь Вебмастеру » Категория Скрипты для uCoz » Добавлено [11.06.2013, 01:41]

Стрелки вверх и вниз сайта с дополнительной функцией памяти

Войти или Зарегистрироваться [скачивать файлы могут только зарегистрированные пользователи!]

Сегодня хотел бы Вас познакомить с очередной отличной работой от Apocalypse, который не перестаёт радовать пользователей хорошими и интересными скриптами для порталов созданных на бесплатном хостинге uCoz.

На этот раз материал не новый, но уникальный тем, что помимо кнопки "Вверх сайта" есть ещё две, которые отвечают за 2 новые дополнительные и полезные функции. Одна кнопка запоминает место, где Вы её нажали и при нажатие на кнопку возвращает именно на этот отрезок сайта и плюс ещё одна кнопка вниз, которая Вас опустит как на лифте в самый низ сайта.


Установка скрипта:

В любой глобальный блок или после /head на нужных страницах вставляйте:

<div class="apoud">
  <div onclick="$('body').scrollTo(0, 300);" class="apou"></div>
  <div class="apom" title="Запоминалка позиции"></div>
  <div onclick="$('body').scrollTo($('body').height()+500, 300);" class="apod"></div>
</div>

<script>
  var apotop;
  $('.apom').toggle(function() {
  $(this).addClass('apomon');
  apotop = $('body').scrollTop();
  }, function() {
  $('body').scrollTo(apotop, 300);
  $(this).removeClass('apomon');
  });
// ApoTeam (c) 2013
</script>


В самый низ вашего css:
.apoud {
  position:fixed;
  z-index:100;
  bottom:15px;
  right:15px;
  }
   
  .apou, .apom, .apod {
  cursor:pointer;
  width:32px;
  height:32px;
  }
   
  .apou {
  background:url('/images/apouarr.png') no-repeat;
  }
  .apom {
  background:url('/images/apoposoff.png') no-repeat;
  }
  .apomon {
  background:url('/images/apoposon.png') no-repeat;
  }
  .apod {
  background:url('/images/apodarr.png') no-repeat;
  }


 Скачайте архив и всё, что в нём найдёте загрузите в папку images

Скрипт сделан от Apocalypse, ApoTeam © 2013


При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Стрелки вверх и вниз сайта с дополнительной функцией памяти



Расскажи друзьям интересные новости:


- Установить на свой сайт блок социальных закладок
Категория: Скрипты для uCoz | Добавил: scripts_for_ucoz
Просмотров: 6377 | Загрузок: 84 | Комментарии: 4 | Рейтинг: 5.0/1


Всего комментариев: 3
3 Metafor   (02.08.2014 23:19) [Материал]
Здравствуйте, я "чайник"-самоучка, не совсем , может, правильно поняла куда вставлять скрипт. Поместила в глобальный блок (левая колонка), на др. (статичной странице) поместила сразу после <body>, внесла стили в свои стили, закачала картинки в image9 (исправила в кодах images на адрес этой папки). Но на сайте кнопки не вижу. Что я сделала не так? Может быть нужно прописать скрипт в <head></head>?

2 badman86   (08.04.2014 13:32) [Материал]
а можно сделать, чтобы кнопки были не сразу, а появлялись, когда опускаешься вниз по странице?

1 scripts_for_ucoz   (11.06.2013 01:43) [Материал]
Так же не забывайте, что картинки на сами стрелочки Вы можете заменить на любые свои по желанию cool

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Для добавления необходима авторизация

Хостинг от uCoz