Навигатор
Категории раздела
Профиль для ucoz [9]
Новый профиль для ucoz, мини профиль для ucoz, скрипт для ucoz профиль, профиль для сайта ucoz
Ajax для ucoz [15]
Ucoz ajax, ajax окна для ucoz, скрипты ajax для ucoz, новые ajax окна для ucoz, новый вид ajax ucoz
Скрипты для ucoz [136]
скачать скрипты для ucoz, скрипты ucoz
Меню для ucoz [44]
меню для ucoz, горизонтальное меню для ucoz, раздвижное меню ucoz, вертикальное, выпадающие меню ucoz
Календари для ucoz [18]
скрипт календарь cs, скрипт для ucoz календарь, календарь для ucoz cs 1.6, календари ucoz
Часы для ucoz [31]
часы для ucoz, часы для ucoz cs 1.6
Статистика для ucoz [11]
статистика cs для ucoz
Форма входа для ucoz [13]
форма входа для ucoz
Переключатели для ucoz [8]
Переключатели страниц для ucoz
Шапки для ucoz [13]
шапки для ucoz cs 1.6
Раскрутка и продвижение сайта
Интересное


Красивое горизонтальное меню д...
Рейтинг: 49782


Мини профиль + Форма входа
Рейтинг: 48594


Мини-чат для ucoz
Рейтинг: 44081


Скрипт мониторинга cs серверов
Рейтинг: 39402
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Сегодня нас посетили:
JamesMop
Яндекс.Метрика
Главная » Скрипты для ucoz » Скрипты для ucoz

Поднятие страницы наверх, плавное появление\ичезание кнопки

Поднятие страницы наверх, плавное появление\ичезание кнопки
На сайте уже был похожый материал "Кнопка наверх для ucoz", но этот скрипт ucoz на много лучше и удобней. Скрипт не имеет фиксирования на определенной точке сайта, кнопка плавно появляется только тогда, когда Вы начитаете опускать страницу вниз.
Установка. Этап 1. В CSS
Вставляем код в CSS:
Code
#upBlock {
  position:fixed;
  top:15px;
  left:15px;
  background: #FFDDBB;
  color:#000000;
  padding:6px;
  width: 45px;
  text-align:center;
  cursor:pointer;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=5);
-moz-opacity: 0.05;
-khtml-opacity: 0.05;
opacity: 0.05;
  }
Установка. Этап 2. В глобальный блок
Вставляем код в любой из глобальных блоков(Первый контейнер, второй, верхняя часть сайта, нижняя) в любое место:
Code
<script>
  $(document).ready(function(){
  var opti = 0;
$(window).scroll(function(){
  var scro = $(this).scrollTop();

if(scro > 100 && opti == 0){ $("#upBlock").animate({opacity:0.5},600); opti = 0.5; }
if(scro > 300 && opti != 1){ $("#upBlock").animate({opacity:1},600); opti = 1; }

if(scro < 100 && opti > 0){ $("#upBlock").animate({opacity:0.05},600); opti = 0; }
if(scro < 300 && opti == 1){ $("#upBlock").animate({opacity:0.5},600); opti = 0.5; }

});
  $("#upBlock").click(function () {
  $(window).scrollTop(0);
  $("#upBlock").animate({opacity:0.05},600); opti = 0;
  });

  });
</script><div id="upBlock">Наверх</div>

Совет для вебмастеров!.
Внимание, мы настоятельно рекомендуем использовать домены 2-го уровня, такие как ru,com и т.п. стоят они не дорого, ru можно купить за 99 руб, не нужно делать сайт на юкозовском домене! Сайт с юкозовским доменом долеко не уйдет! Если ж у Вас все таки нету жалких 99 рублей, Вы можите зарегистрировать бесплатно домен 2-го уровня tk, по данной ссылке
ЖМИ И РЕГИСТРИРУЙ
С уважением, администрация.
Категория: Скрипты для ucoz | Добавил: Wallaby
Просмотров: 3977 | Комментарии: 5
Теги: Поднятие страницы наверх, плавное появление\ичезание кнопки - Скрипты для ucoz, новые интересные Скрипты для ucoz - Поднятие страницы наверх, плавное появление\ичезание кнопки
Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
wallaby.ucoz.ru
Поиск
Шаблоны для ucoz
Sape
ремонт ноутбуков ижевск
Лучшая коллекция аниме на анимемувие, валлаби рекомендует!) купить кухню в ульяновске
Скрипты для ucoz
Joomla
Cinema 4D
Графика для uCoz
Copyright wallaby.ucoz.ru - Мировой портал - Joomla,Ucoz,Cinema 4D © 2017 Карта сайта | Карта форума