Категории раздела |
Профиль для 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
|
|
|
-
Главная
-
Скрипты для 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>
|
Категория
Скрипты для ucoz
| Добавил:
Wallaby
| Просмотров:
4466
|
|
|
Комментарии отсутствуют