Меню сайта
NFS
Наш опрос
Наша копилка
Вы можете помочь сайту, кинув в копилку несколько рублей
Наша кнопка
Мы будем рады если вы поставите нашу кнопку у себя на сайте
Код кнопки
Статистика сайта
Зарег. на сайте:
Всего: 60 Новых за месяц: 0 Новых за неделю: 0 Новых вчера: 0 Новых сегодня: 0
Из них:
Администраторов: 1 Гл. модераторов: 1 Модераторов: 0 Файловиков: 0 Журналистов: Провереных: 2 Скриптер: Друзья: 0 Заблокированные: 0 Обычных юзеров: 56 Парней: 55 Девушек: 5
Статистика материалов:
Комментарии: 36 Форум: 53/58 Новости: 101 Файлы: 452 Сайты: 0
Сейчас на сайте:
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » 2013 » Март » 3 » Кнопка "Вверх" для сайта, блога или форума
14:56
Кнопка "Вверх" для сайта, блога или форума
Сегодня я расскажу как вставить скрипт кнопка “Вверх” на сайт 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> <!-- </Конец> -->
Просмотров: 235 |
Добавил: startsmart
| Рейтинг: 0.0 /0
Мини профиль
Привет, Гость
Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
PhotoShop
PSD исходники
Теги
Мини Чат
Бесплатно