Заработок в интернете и раскрутка вашего сайта Суббота, 16.12.2017, 20:01

Меню сайта
Категории раздела
Скрипты для uCoz [119]
Все скрипты uCoz для улучшения Вашего сайта
Статистика

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

Яндекс.Метрика Яндекс цитирования
Главная » Статьи » Скрипты для uCoz » Скрипты для uCoz

Кнопка "Вверх" с отображением процента для uCoz

Кнопка "Вверх" с отображением процента для uCoz

Сегодня отыскался как-то сам собой маленький интересный плагин. Особенно пригодится тем, кто успел уже завести длинные-длинные сайты с большим количеством текста или другой информации, ну не знаю, картинок, ссылок. И вашим пользователям приходится все время крутить колесико мыши, ожидая найти коней страницы или хотя бы середину.

Плагин предлагает установить на страничку симпатичную стрелочку с счетчиком процентов просмотренного страничного поля - опять же новинка, сделанная Ucoz. Стрелочка указывает "Вверх", а процентики быстро бегут от нуля до ста. Легкий и практичный плагин. Посоветовал коллегам, у которых сайты проматывать - долго и скучно, так хоть можно отвлечься, попытаться считаться вместе с бегущими процентиками. Отвлекает внимание и настраивает на позитивный лад - скоро все кончится! Ну это шутка, конечно, но доля правды в этом есть. Мы ведь пытаемся делать наши сайты доступными и приятными, а не пыточными камерами со сложной навигацией  и непонятной системой бесконечной страницы. Работает плавно, много места не занимает, да и как такая малышка может занимать много место. Пробуйте, с вас комментарии.

Установка:

В самый низ css вставляйте:

#back-top {
position:fixed;
width:50px;
height:100px;
z-index:6;
right:25px;
bottom:0;
background-color: transparent;
display: block;
background-position: initial initial;
background-repeat: initial initial;
}

Следующий код в самый низ страницы после < /body >:

<divid="back-top">
<center>
<atitle="Вверх"id="backop"href="#top">
<imgsrc="http://bestnews.lv/img/go_up.png"/>
</a>
<fontcolor="#000000"size="3">
<spanid="pix">0</span>%</font>
</center>
</div>

<script>
$(window).scroll(function(){
var s = $(window).scrollTop();
var f = $(document).height()- $(window).height();
var d = s / f *100;
var p =Math.round(d);
$("#pix").text(p);
});
</script>



Нравится
Категория: Скрипты для uCoz | Добавил: admin (24.12.2013)
Просмотров: 72 | Рейтинг: 0.0/0


Нравится







Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск
Наш баннер
Мы будем признательны,
если Вы разместите нашу кнопку
у себя на сайте!

Заработок в интернете и раскрутка вашего сайта


Языки
Заработок в интернете и продвижение вашего сайта © 2013-2017
Копирование материалов сайта без согласия запрещено!

Яндекс.Метрика

СЕГОДНЯ НАС ПОСЕТИЛИ:

200