Пятница, 29.03.2024, 11:52
Главная Регистрация RSS
Приветствую Вас, Гость
НОВЫЕ КОМЕНТАРИИ
1: Слайдер с увеличением картинки для ucoz
Добавил:Vj PitBulvjpitbul94
Коментарий:Сколько лет прошло, старина?) зарегался, просто вспомнить те времена,

2: Слайдер с увеличением картинки для ucoz
Добавил:Modred
Коментарий:Всё исправил, проверил , скачивайте

3: Очень красивая торрент таблица для uCoz (pHp)
Добавил:ZemHU
Коментарий:Классный скрипт , но на PHP

4: ppkBB3cker - движок торрент-трекера
Добавил:DexonEdutt
Коментарий:Отличный движок ppkBB3cker - движок торрент-трекера
Добавил:Mixhoarm
Коментарий:Легко установить Ремонт и отделка. Контакты: +7 (926) 214-53-53
Добавил:Михаил
Коментарий:Среди Московских фирм, G - group самая надёжная и ответственная компан

Статистика

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

Нас сегодня посетили :
Поиск
Главная » Файлы » Скрипты для UCOZ » Кнопки для UCOZ

Плавная кнопка вверх для uCoz

Плавная кнопка вверх для uCoz

Вот такая кнопочка (вы можете видеть её в левом нижнем углу моего сайта, когда прокрутите страницу вниз), я считаю, должна быть на каждом сайте! Ещё бы, она так облегчает просмотр длинных страниц – не надо крутить страницу опять вверх, чтобы вернуться к меню, а нажал на кнопочку и – ты уже в начале страницы! К тому же это так красиво – страница красиво и плавно проматывается вверх, приятно смотреть Кнопочка размером 40x40, скрипт очень легкий и вы сможете спокойно подогнать под свой сайт.

Для начала в таблицу стилей вставляем код:

Код
.scrollup{width:40px;height:40px;position:fixed;bottom:200px;left:160px;display:none;text-indent:-9999px;background: url('http://webmaster-ucoz.ru/ucoz/img/vverkh.png') no-repeat;opacity:0.5;}
.scrollup:hover{opacity:0.7;}


bottom:200px; - отступ с низу
left:160px; - отступ слева
http://webmaster-ucoz.ru/ucoz/img/vverkh.png - картинку кнопки можете заменить на свою

В нижнюю часть сайта:

Код
<!-- <Вверх> -->
<a href="#" class="scrollup"></a>
<script type="text/javascript">
$(document).ready(function(){
$(window).scroll(function(){
if ($(this).scrollTop() > 700) {
$('.scrollup').fadeIn();
} else {
$('.scrollup').fadeOut();
}
});
$('.scrollup').click(function(){
$("html, body").animate({ scrollTop: 0 }, 600);
return false;
});
});
</script>
<!-- </Вверх> -->
Плавная кнопка вверх для uCoz

ПОСМОТРЕТЬ ДЭМО ВЕРСИЮ

К материалу оставили ссылку на демоверсию, по которой вы можете оценить функционал данного материала. При обнаружении ссылки, не содержашей демоверсии, сообщите об этом Администратору.

СКАЧАТЬ /_ld/4/407_vverkh.png [3.2 Kb] (cкачиваний: 176)

Вы можете скачать с нашего сервера бесплатно и без регистрации.

Похожие материалы:

Категория: Кнопки для UCOZ | Добавил: Sofacker | Теги: Плавная. кнопка. вверх .uCoz
Просмотров: 659 | Загрузок: 176 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *: