Приветствую Вас Прохожий | RSS Суббота, 10.12.2016, 17:36
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 14
Гостей: 12
Пользователей: 2
sergaw, MaDaRa



Главная » Файлы » Скрипты для uCoz » Скрипты Разное

Кнопка Вверх для сайта

Кнопка Вверх будет полезна пользователям вашего сайта, так как просмотрев какую-либо страницу и прокрутив ее до конца, им не придется прокручивать ее обратно вверх.

Для этого им всего лишь нужно будет нажать данную кнопку
, которая будет находиться в нижнем правом углу экрана вашего сайта, после чего страница будет сама плавно прокручиваться вверх.

Установка очень простая:

Заходите в Панель Управления вашего сайта - Дизайн - Управление дизайном (CSS) - Нижняя часть сайта.

И в самый низ вашего кода вставляете этот скрипт:


Код
<!--Кнопка вверх--><a href="javascript://" onclick="$('body').scrollTo({top:$('body').offset().top, left:0}, 1500);return false;">      
<div style="position:fixed; opacity:0.8; bottom:0px; right:0px;" id="fImgtotop">      
<img title="Вверх" src="http://www.wse-online.ru/knopka_vverkh-2.jpg" width="45" border="0"></div></a><!--/Конец Кнопка вверх-->


Для регулировки прозрачности кнопки (чтоб она лучше вписывалась в ваш дизайн),нужно изменить в скрипте эту часть
-  opacity:0.8

Регулировка от 0.1 (почти прозрачная) - до 0.9 (не прозрачная)

Если нужно немного увеличить или уменьшить кнопку - измените это значение в коде : width="45"

Вот еще один скрипт кнопки вверх, его отличие от первого в том что кнопка будет появляться при прокручивании страницы вниз и исчезать после прокручивания страницы вверх.

Так же ставим скрипт в нижнюю часть сайта:

Код
<a style='position: fixed; bottom: 0px; right: 0px; cursor:pointer; display:none;' href='#' id='Go_Top'>
<img src="http://www.wse-online.ru/knopka_vverkh-2.jpg" width="45px" alt="Наверх" title="Наверх"></a>
<script type="text/javascript">
jQuery(function(){
$("#Go_Top").hide().removeAttr("href");
if ($(window).scrollTop()>="250") $("#Go_Top").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()<="250") $("#Go_Top").fadeOut("slow")
else $("#Go_Top").fadeIn("slow")
};);
$("#Go_Top").click(function(){
$("html, body").animate({scrollTop:0},"slow")
};)
};);
</script>
Автор\Источник: не указан или не известен!

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 1907 | Комментарии: 1 | Рейтинг: 3.0/4 | |Категория: Скрипты Разное | Добавил: serfer | Дата: 24.02.2015 | Скачали: 0
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 1
1 Diablos81   Дата: 25.03.2016  Время: 04:58   [№ 15530]
Спасибо за скрипт,установил вот только стрелка не отображается,только квадрат с надписью вверх но работает


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Продажа рекламные мест ...

2

2 Файловик. Уникальные те...

0

3 Куплю сайты в индексе Я...

1

4 Куплю сайты с ТИЦ/PR (п...

9

5 Предлагаю услуги для ан...

0

6 Предлагаю услуги по про...

0

7 Комплексный прогон сайт...

51

8 Сайт онлайн фильмов на ...

1

9 Проблема с таблицей

9

10 Отредактировать фото

2


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru