Кнопки вверх и вниз с функцией запоминания позиции - 9 Мая 2013 - Все для CS:S,uCoz,left4dead2,Left4dead,Team Fortress 2
Главная
Форум
Новости
Статьи
Файлы
игры
Картинки
TOP Сайтов
Counter-Strike:Source
uCoz
Team Fortress 2
Left4dead
left4dead2
PHOTOSHOP
Онлайн фильмы
СОФТ И ПРОГРАММЫ
Меню сайта
Онлайн фильмы
Мини-чат
Новички сайта
ORBIT
↓ ↓ ↓ ↓ ↓
Rado
↓ ↓ ↓ ↓ ↓
hlebnikowww
↓ ↓ ↓ ↓ ↓
WOLF
↓ ↓ ↓ ↓ ↓
mishasparda
↓ ↓ ↓ ↓ ↓
mariala
↓ ↓ ↓ ↓ ↓
Новые комментарии
        
Henki192 Написал:
Ссылка битая, поменяй!!
Материал: Ultimate Name Changer
LoD[ESK] Написал:
а скачать-то как?????? А?????????
HAMMER Написал:
http://x-zed.ru
http://x-zed.ru

...
Махно Написал:
Как это скачать?
 не вижу ни кнопки, ни ссы...


Главная » 2013 » Май » 9 » Кнопки вверх и вниз с функцией запоминания позиции
18:35
Кнопки вверх и вниз с функцией запоминания позиции
Суть скрипта в том, чтобы вывести кнопки "вверх" и "вниз" + сделать функцию запоминания позиции для последующего быстрого возвращения к месту "Закладки"
Установка:
В любой глобальный блок или после /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;
  }
Просмотров: 317 | Добавил: greenpis | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Мини профиль
Здравствуйте, Гость
Гость, мы рады вас видеть.

Выделенный сервер, аренда серверов, дешевые сервера, купить сервер, хостинг сервера
Garry's mod
PHOTOSHOP
Наша кнопка
Друзья сайта
Случайные файлы
Duelmac10s

Duelmac10s
Загрузок: 108
Просмотров: 514
Комментарии: (0)

2009 R.I.P спрей для css

2009 R.I.P спрей для css
Загрузок: 115
Просмотров: 818
Комментарии: (0)

Grenade Pack

Grenade Pack
Загрузок: 133
Просмотров: 629
Комментарии: (0)

Статистика
[ Кто нас сегодня посетил ]

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

Зарегистрировано на сайте
Всего: 3691
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Яндекс.Метрика
Поисковый анализ сайта