Навигатор

Шаблоны для Joomla
Шаблоны для uCoz
Категории раздела
Профиль для ucoz [9]
Новый профиль для ucoz, мини профиль для ucoz, скрипт для ucoz профиль, профиль для сайта ucoz
Ajax для ucoz [13]
Ucoz ajax, ajax окна для ucoz, скрипты ajax для ucoz, новые ajax окна для ucoz, новый вид ajax ucoz
Скрипты для ucoz [128]
скачать скрипты для ucoz, скрипты ucoz
Меню для ucoz [45]
меню для ucoz, горизонтальное меню для ucoz, раздвижное меню ucoz, вертикальное, выпадающие меню ucoz
Календари для ucoz [20]
скрипт календарь cs, скрипт для ucoz календарь, календарь для ucoz cs 1.6, календари ucoz
Часы для ucoz [31]
часы для ucoz, часы для ucoz cs 1.6
Статистика для ucoz [11]
статистика cs для ucoz
Форма входа для ucoz [15]
форма входа для ucoz
Переключатели для ucoz [9]
Переключатели страниц для ucoz
Шапки для ucoz [13]
шапки для ucoz cs 1.6
Интересное
Мини профиль + Форма входа
Рейтинг: 66631
Красивое горизонтальное меню для ucoz
Рейтинг: 54028
Мини-чат для ucoz
Рейтинг: 48470
Скрипт мониторинга cs серверов
Рейтинг: 43512
Слайдер новостей для uCoz
Рейтинг: 18600

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

Поднятие страницы наверх, плавное появление\ичезание кнопки
На сайте уже был похожый материал "Кнопка наверх для 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>
Категория Скрипты для ucoz | Добавил: Wallaby | Просмотров: 4466 |

Комментарии отсутствуют

по актуальности
Чтобы оставить комментарий, необходимо или