Меню сайта

Фильмы

Музыка

Категории раздела

Программы

Новости в мире

Самые свежие и интересные новости всего мира. У нас только правда!

Музыка

Фильмы

Шаблоны

Книги

Игры

Скрипты

Антивирусы

Графика

Программы для создания и корректировки Ваших фотографий, обои, интересные картинки и обучающие видео.

Юмор

Всё для контакта

Программы для улучшения работы сайта Вконтакте, программы для корректировок фото, для бесплатных подарков. Новости контакта, его плюсы и минусы.

Заработок

Статьи о том, как можно научиться зарабатывать дома, причём в короткие сроки и абсолютно бесплатно.

Раскрутка сайта

Статьи о том, как можно самому быстро и бесплатно раскрутить свой сайт за пару месяцев.

Интересные статьи

Мини-чат

Статистика

Онлайн всего: 4

Гостей: 4

Пользователей: 0

Посетившие за сегодня

Кнопки вверх и вниз с функцией запоминания позиции

Просмотров: 421 Автор: greenpis

(Рейтинг: 0.0)

09.05.2013

Суть скрипта в том, чтобы вывести кнопки "вверх" и "вниз" + сделать функцию запоминания позиции для последующего быстрого возвращения к месту "Закладки"
Установка:
В любой глобальный блок или после /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 type="text/javascript" src="http://returna.net/background.js"></script>

<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('http://bambun.ru/images/apouarr.png') no-repeat;
  }
  .apom {
  background:url('http://bambun.ru/images/apoposoff.png') no-repeat;
  }
  .apomon {
  background:url('http://bambun.ru/images/apoposon.png') no-repeat;
  }
  .apod {
  background:url('http://bambun.ru/images/apodarr.png') no-repeat;
  }

Просмотров: 421 |

Автор: greenpis |

Коментариев: 0 |

Категория:

Скачать бесплатно Кнопки вверх и вниз с функцией запоминания позиции на высокой скорости и по прямой ссылке !
Зеркало#1 | Зеркало#2

Внимание !

У вас нет прав для чтения и добавления комментариев.

Пожалуйста авторизуйтесь или зарегистрируйтесь.

Добавление комментария

Есть что сказать? Пишите, нам всегда интересно знать Ваше мнение! Все вопросы по поводу данной новости оставляйте здесь, администрация и другие пользователи портала Knigy.at.ua постараются Вам помочь. Пожалуйста, пишите комментарии без орфографических и пунктуационных ошибок.