Шаблоны для uCoz [18] |
Виды материалов [10] |
Мини профили [7] |
Мини чаты [8] |
Виды комментариев [14] |
Формы входа [3] |
Информеры [33] |
Украшения [16] |
Меню сайта [5] |
Кнопки [27] |
Шапки сайта [3] |
Медиа [19] |
Переключатели [8] |
Разное [65] |
Формы поиска [9] |
Скрипты [46] |
Игры на сайт [6] |
Аякс (Ajax) окна [1] |
PHP скрипты [3] |
14:07 Кнопка вверх с процентом прокрутки |
В этом материале добавлена кнопка плавного скроллинга вверх, которая показывает процент прокрутки страницы вниз и исчезает при скроллинге вверх. Кнопка будет полезна сайтов с очень длинными страницами т.к. будет видно во время прокрутки сколько просмотрено процентов от страницы. Установка: Картинки из архива закачайте в папку images файл менеджера. В самый низ страницы, перед </body> : Код <!-- <Кнопка Вверх> --> <script type="text/javascript"> $(document).ready(function(){ $("#back-top").hide(); $(function () { $(window).scroll(function () { if ($(this).scrollTop() > 125) { $('#back-top').fadeIn(); } else { $('#back-top').fadeOut(); } }); $('#backop').click(function () { $('body,html').animate({ scrollTop: 0 }, 800); return false; }); }); }); </script> <script type="text/javascript"> $(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> <div id="back-top" style="position:fixed; width: 50px; height: 100%; z-index: 6; right: 10px; top: 90%; background: transparent; " id="layer2"> <center><a title="Вверх" id="backop" href="#top"><img src="/images/ups.png" onmouseover="this.src='/images/up1.png'" onmouseout="this.src='/images/ups.png'"></a></center> <center><font color="#000000" size="3"> <span id="pix"></span>%</font></center> </div> <!-- </Конец> --> |
Всего комментариев: 0 | |