Webbell » DLE Хаки и советы » Кнопка наверх с использованием jQuery
Правила Контакты Чтение RSS

Кнопка наверх с использованием jQuery

У нас вы можете скачать бесплатно Кнопка наверх с использованием jQuery .

Не пропустите комментарии к Кнопка наверх с использованием jQuery.
Данный материал предоставлен сайтом Webbell.ru исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Кнопка наверх с использованием jQuery


Маленькая кнопка позволяет быстро переместиться на верх


Установка:

1. В файле main.tpl, перед тегом

вставляем следующий код:
<script type="text/javascript">         (function(jq) {         jq.autoScroll = function(ops) {         ops = ops || {};         ops.styleClass = ops.styleClass || 'scroll-to-top-button';         var t = jq('<div class="'+ops.styleClass+'"></div>'),            d = jq(ops.target || document);         jq(ops.container || 'body').append(t);         t.css({            opacity: 0,            position: 'absolute',            top: 0,            right: 0         }).click(function() {            jq('html,body').animate({               scrollTop: 0            }, ops.scrollDuration || 1000);         });         $(window).scroll(function(){            var sv = d.scrollTop();            if (sv < 10) {               t.clearQueue().fadeOut(ops.hideDuration || 200);               return;            }            t.css('display', '').clearQueue().animate({               top: sv,               opacity: 0.8            }, ops.showDuration || 500);         });      };   })(jQuery);   $(document).ready(function(){      $.autoScroll({         scrollDuration: 2000,          showDuration: 600,          hideDuration: 300      });   });   </script>

2. В файле стилей дописываем следующий css код:
/*Кнопка наверх*/.scroll-to-top-button{ background: #666 url("../images/ups.png") center center no-repeat;    width: 32px;    height: 32px;    color: #fff; font-family: verdana;    border-radius: 5px;    -moz-border-radius: 5px;    -webkit-border-radius: 5px;    -o-border-radius: 5px;    cursor: pointer;    padding: 15px;    margin: 20px;}

Посетить городской портал
3. Скачиваем картинку и заливаем на сервер в templates/имя шаблона/images

ups.rar [2,74 Kb] (cкачиваний: 83)


Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

«    Февраль 2018    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
Яндекс Апдейты
↓ Апдейты Яndex тИЦ
18.11.2017 ←Последний
04.11.2017
16.08.2017
↓ Апдейты выдачи Яndexa
18.02.2018 ←Последний
16.02.2018
14.02.2018
↓ Апдейты ЯКаталога
16.01.2018 ←Последний
20.12.2017
15.12.2017
Мы рекомендуем
Заработай на сайте!
Gogetlinks-Биржа вечных ссылок для сайтов с Тиц
Getgoodlinks-Биржа вечных ссылок для сайтов с PR


Опрос на портале

Сколько у вас сайтов?

Больше 20 сайтов
От 10 до 20 сайтов
От 5 до 10 сайтов
От 1 до 5 сайтов
Нету сайтов

Наш архив
Облако тегов
ajax, Build, DataLife, dle, dle 9.0, dle 9.2, Engine, Final, Google, Opera, Release, RSS, WordPress, адаптация, административная панель, бесплатно, виджет, Игровой, кино, комментарии, модуль, новости, Новый, Оригинал, парсер, парсер поисковых систем yandex google рассылка комментариев по DLE Joomla Community спаммер раскрутк, Переходы, плагин wordpress, сайта, сайтов, сбор данных телефонов адресов email контактов потенциальные клиенты BlackSpider универсальный сборщи, тема, тематики, универсальный, хак, хак wordpress, Шаблон, шаблона, Яндекс

Показать все теги
Последние комментарии
Популярные файлы

Информация!
Уважаемый посетитель! Присоединяйтесь к нам
в Твиттере.