- Название:
- Кнопка вверх и вниз
- Категория:
- Другие скрипты для uCoz
- Раздел:
- uCoz - Скрипты
- Просмотров:
- 2573
- Автор:
- Неизвестен
- Добавил:
- smasto
- Комментов:
- 0
- Добавленно:
- 24.01.2014 в 17:37
- Теги:
- Вверх, вниз, кнопка
- Рейтинг:
Последнее на форуме
Последние материалы
Кнопка вверх и вниз
Кнопка вверх и вниз
Срипт для быстрого и плавного поднятия страници вверх, также можно опускать и вниз страницу сайта.
Выполнен в стиле пальца вверх и вниз, светло синий цет
Установка не сложная и не требует допполнителных навыков html
Установка скрипта „Кнопка вверх и вниз“
Заходим в панель управления сайтом,
далее "Главная » Управление дизайном » Редактирование шаблонов"
Копируем код и вставляем в "Нижняя часть сайта" в самый низ.
Код
<div id="banners"><a style='position: fixed; bottom: 60px; right: 1px; cursor:pointer; display:none;' href='#' id='Go_Top'>
<img src="http://gigabytes.clan.su/load-ucoz/skripts/drygii/7/point-up.png" alt="Наверх" title="Наверх"></a>
<script src="http://gigabytes.clan.su/load-ucoz/skripts/fynkciya.js" type="text/javascript"></script>
<a style='position: fixed; bottom: 20px; right: 1px; cursor:pointer; display:none;' href='#' id='Go_Bottom'>
<img src="http://gigabytes.clan.su/load-ucoz/skripts/drygii/7/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>
<img src="http://gigabytes.clan.su/load-ucoz/skripts/drygii/7/point-up.png" alt="Наверх" title="Наверх"></a>
<script src="http://gigabytes.clan.su/load-ucoz/skripts/fynkciya.js" type="text/javascript"></script>
<a style='position: fixed; bottom: 20px; right: 1px; cursor:pointer; display:none;' href='#' id='Go_Bottom'>
<img src="http://gigabytes.clan.su/load-ucoz/skripts/drygii/7/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>
Подождите немного, сейчас файл будет подготовлен, через |
секунд Вы получите ссылку на скачивание. |
Зарегистрированные пользователи уже качают в то время как вы ожидаете 16 секунд.
Всего комментариев:
| |