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

Для разработчиков The Witcher 3 сюжет всегда был важнее сражений с монстрами
В разговоре с порталом Culture.pl о сюжете The Witcher 3 и о том, как разработчикам удалось перенести созданный Анджеем Сапковским мир в видеоигру, Марчин Блоха из CDPR заявил, что хорошее воображение — черта многих польских студий.

Игровые новости

29.12.2016

У EA нет планов по выпуску новой Battlefield в 2017 году
Какой бы успешной ни оказалась Battlefield 1, компания EA, похоже, все-таки не будет больше рисковать с попытками сделать франчайз ежегодным.

Игровые новости

29.12.2016

Counter-Strike: Global Offensive показали на движке Unreal Engine 4
Один из игровых дизайнеров под ником fuze опубликовал двухминутный ролик, в котором продемонстрировал игровой процесс Counter-Strike: Global Offensive от Valve на движке Unreal Engine 4.

Игровые новости

28.12.2016

В сеть утекла дата релиза Red Dead Redemption 2
На просторах всемирной паутины появились фотографии рекламных материалов для Red Dead Redemption 2. И здесь сотрудники Rockstar Games указали дату выхода своей новой игры.

Игровые новости

28.12.2016

Сюжетный директор CDPR не считает The Witcher примером искусства
В интервью порталу Culture.pl сюжетный директор CD Projekt RED Марчин Блаха рассказал, почему не считает The Witcher примером искусства.

Игровые новости

25.12.2016

Цены на рекламу на Igromen.Do.Am Рекламный блок

Мини-чат

Мы Вконтакте

Статистика сайта

Онлайн всего: 1

Гостей: 1

Пользователей: 0

На сайте: Никого нету

[ Пользователи за день ]

Софт-обозрение Мультимедиа Веб - дизайн Про Ucoz SEO Продвижение Заработок Мои статьи Counter-Strike

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

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

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

Заходите в Панель Управления вашего сайта - Дизайн - Управление дизайном (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>

Скрипты

06.01.2016 Автор: Димон Комментариев: 0 Рейтинг: 0.0 / 0 Просмотров: 527 Загрузок: 0

Метки: Кнопка, Вверх, Скрипты, сайта, Для

Поделись ссылкой с друзьями:

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

0 из 10
Проголосовало: 0

Нет комментариев, но вы можете стать первым, оставив свой комментарий

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

О портале Igromen.Do.Am

Контакты

В помощь пользователям