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> в main.css в самый конец вставить :<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> Код: .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 прости я тупанул,название картинки не изминил кстати спасибо большое за мод и за помощь потраченное) |
Автор: | 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/ |