BitTorrent Трекер RusTrek.ru
http://5.45.70.241/

Маленький плагин jQuery для автопрокрутки до верха страницы
http://5.45.70.241/viewtopic.php?f=817&t=15948
Страница 1 из 1

Автор:  oartemka178 [ 2011-07-01 21:39 ]
Заголовок сообщения:  Маленький плагин jQuery для автопрокрутки до верха страницы

#777
Фиг знает может кому нужен. На ТП я его уже выкидывал.

в page_header.tpl перед </head> вставить :

Код:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.js"></script>
   
    <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);
            });

            d.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>
в main.css в самый конец вставить :
Код:
.scroll-to-top-button{
    background: #666 url(../images/Upload.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;
}

посмотреть как работает можно здесь: http://magazin.rustrek.ru/index.php

картинку залить /images

Автор:  oartemka178 [ 2011-07-02 00:27 ]
Заголовок сообщения: 

еще один плагин прокрутки страницы

в page_header.tpl перед </head> вставить :

Код:
<!-- MOD : Прокрутка страницы от RusTrek - Start -->
         <script type="text/javascript">
         var scrolltotop={
         setting: {startline:350, scrollto: 0, scrollduration:800, fadeduration:[500, 100]},
         controlHTML: '<img src="/images/UP4.png" />',
         controlattrs: {offsetx:5, offsety:5},
         anchorkeyword: '#top',

         state: {isvisible:false, shouldvisible:false},

         scrollup:function(){
            if (!this.cssfixedsupport)
               this.control.css({opacity:50})
            var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
            if (typeof dest=="string" && jQuery('#'+dest).length==1)
               dest=jQuery('#'+dest).offset().top
            else
               dest=0
            this.body.animate({scrollTop: dest}, this.setting.scrollduration);
         },

         togglecontrol:function(){
            var scrolltop=jQuery(window).scrollTop()
            if (!this.cssfixedsupport)
               this.keepfixed()
            this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
            if (this.state.shouldvisible && !this.state.isvisible){
               this.control.stop().animate({opacity:1}, this.setting.fadeduration[0])
               this.state.isvisible=true
            }
            else if (this.state.shouldvisible==false && this.state.isvisible){
               this.control.stop().animate({opacity:0}, this.setting.fadeduration[1])
               this.state.isvisible=false
            }
         },
         
         init:function(){
            jQuery(document).ready(function($){
               var mainobj=scrolltotop
               var iebrws=document.all
               mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
               mainobj.body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
               mainobj.control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
                  .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
                  .attr({title:' íà÷àëî ñòðàíèöû '})
                  .click(function(){mainobj.scrollup(); return false})
                  .appendTo('body')
               if (document.all && !window.XMLHttpRequest && mainobj.control.text()!='')
                  mainobj.control.css({width:mainobj.control.width()})
               mainobj.togglecontrol()
               $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
                  mainobj.scrollup()
                  return false
               })
               $(window).bind('scroll resize', function(e){
                  mainobj.togglecontrol()
               })
            })
         }
      }

      scrolltotop.init()

      </script>
<!-- MOD : Прокрутка страницы от RusTrek - End -->


Кнопку заливаем в /images

В архиве есть кнопки на выбор


тестить можно здесь http://test.rustrek.ru/index.php

Автор:  ranz87 [ 2011-07-18 21:16 ]
Заголовок сообщения: 

скажите пожалуйста установил,во общем вылез квадрат черный вместо изображения,в чем проблема((?

Автор:  oartemka178 [ 2011-07-18 21:21 ]
Заголовок сообщения: 

путь к изображению надо посмотреть, или кидай мне в лычку сайт, я посмотрю

Автор:  ranz87 [ 2011-07-18 21:45 ]
Заголовок сообщения: 

admin
кинул в лс. путь такой ../images/Upload.png

Автор:  oartemka178 [ 2011-07-18 22:01 ]
Заголовок сообщения: 

ну там в первом посте ж нормально написан путь

Код:
background: #666 url(../images/Upload.png) center center no-repeat;


сравни со своим в main.css, там слеша не хватает

Автор:  ranz87 [ 2011-07-18 22:10 ]
Заголовок сообщения: 

admin

прости я тупанул,название картинки не изминил :ab: кстати спасибо большое за мод и за помощь потраченное)

Автор:  oartemka178 [ 2011-07-18 22:11 ]
Заголовок сообщения: 

та не за что!

Автор:  Pirat [ 2011-09-05 09:16 ]
Заголовок сообщения: 

спасибо

Страница 1 из 1 Часовой пояс: UTC + 3 часа
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/