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


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



Статистика
Онлайн всего: 6
Гостей: 6
Пользователей: 0



Главная » Файлы » Скрипты для 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>
Автор\Источник: не указан или не известен!

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

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


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

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


Поиск


На форуме

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

51

2 Нужны дизайнеры

0

3 Вакансия копирайтера/пе...

1

4 Верстка

13

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

1

6 Продажа ручного рерайта...

0

7 Куплю сайты с трафиком

0

8 Баннер 88х31

11

9 Оцените макет на тему W...

7

10 Оценка картинки

6


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


Комментарии



Copyright UcozOn.ru™ © 2008-2017


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