map rss

[Хак] Кнопка на верх

Категория: DataLife Engine » Хаки для dle
26-11-2012, 00:54
[Хак] Кнопка на верх

[Хак] Кнопка на верх

[Хак] Кнопка на верх

С помощью этого хака для DLE, у вас будет возможность сделать кнопкой, плавную прокуртку страниц с низу в верх.


Кнопка работает на всех сайтах где подключен jquery , так же работает и на dle.

Версия DLE: Все версии 9.х.


Установка:
в style.css добавляем:
#gotop{position:fixed;width:41px;height:41px;right:7px;bottom:20px;display:block;background:url('../images/gotop.png') no-repeat;z-index:9998;display:none;}

В любой ваш скрипт которые подключен в самый низ добавляем:
$(function(){
    var scroll_start = 120;
    var top = 0;
    $('body').append('<a href="#" id="gotop" title="Наверх &uarr;"></a>');
    var s = $('#gotop');
    var margin_top = parseInt(s.css('top'));
    function gotop_scroll(){
        top = $(window).scrollTop();
        if(top < scroll_start) s.fadeOut(400);
        else s.fadeIn(300,function(){$(this).css('opacity',0.5)});
    }
    $(window).scroll(gotop_scroll);
    s.live({
        mouseenter:function(){if(top>scroll_start) $(this).fadeTo(200,1.0);},
        mouseleave:function(){if(top>scroll_start) $(this).fadeTo(400,0.5);},
        click:function(){$('html,body').animate({scrollTop:0},'slow');return false;}
    });
})

var scroll_start = 120;
- данный параметр отвечает сколько пикселей нужно прокрутить что бы появилась кнопка.
if(top < scroll_start) s.fadeOut(400);
- скорость прокрутки.
else s.fadeIn(300,function(){$(this).css('opacity',0.5)});
- уровень прозрачности кнопки.

Кнопку кидаем в /templates/{THEME}/images/gotop.png
Вернуться
Автор: dufferq / Комментариев 4
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Другие новости по теме:

Регистрация: 28.09.2012

Комментарив: 67

Публикаций: 6

Автор: demidems Группа: Посетители | 26 ноября 2012 02:17

полезно

--------------------

Регистрация: 1.05.2012

Комментарив: 205

Публикаций: 724

Автор: admin Группа: Администраторы | 26 ноября 2012 02:23

Не для всех сайтов :D

--------------------

Регистрация: 28.09.2012

Комментарив: 67

Публикаций: 6

Автор: demidems Группа: Посетители | 26 ноября 2012 02:50

Antojjk,
ет точно!

--------------------

Регистрация: 26.11.2012

Комментарив: 2

Публикаций: 0

Автор: makosoe Группа: Посетители | 26 ноября 2012 11:54

Полезный хак winkeds
Добавить в facebook Добавить в вк Добавить в твитер

Апдейты Тиц и Пр

Апдейты Яndex тИЦ
18.11.201704.11.201716.08.2017

Апдейты Яndex выдачи
18.02.201816.02.201814.02.2018

Апдейты ЯКаталога
16.01.201820.12.201715.12.2017

Апдейты Google
26.11.201413.10.201427.05.2014

Друзья сайта

"

Интересное в сети

Инструменты

Sape - Купить или продать ссылки лучше тут.
Admitad - Крупнешая CPA партнерка с оплатой за результат.
ActionPay - Только ленивый тут не зарабытывает.
TeaserNet - Самый высокий доход от тизерной рекламы.