Yukarı Çık Butonu - Burak Çakır | Güncel Paylaşımın Tek Adresi

Ana Sayfa » Blogger Eklenti » Yukarı Çık Butonu

30 Ocak 2013 Çarşamba

tarihinde yazıldı

Yukarı Çık Butonu

Yazan: Burak Çakır

| Kategori : Blogger Eklenti | Yorum : 4 Yorum

Merhaba arkadaşlar sizlere çok güzel bir blogger eklentisinden bahsedicem bloggerınız da ziyaretçilerinizin hoşuna giden bir eklenti olacaktır kolaylık olsun diye bir eklenti yukarı çık buton eklentisi çok basit bir eklenti fakat beğenilen bir eklentidir kullanmanızı tavsiye ederim bazı blogger temaların da çalışmıyor fakatr hepsin de değil bazı temalar farklı bir bileşeni kabul etmiyor bu yüzden de %50 çalışma şansı var ama yinede denemekte fayda var iyi kullanımlar...

Yukarı Çık Buton Kodu

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script type="text/javascript" >/***********************************************  * Scroll To Top Control script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)  * This notice MUST stay intact for legal use  * Visit Project Page at http://www.dynamicdrive.com for full source code  ***********************************************/ var scrolltotop={      //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control      //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).      setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},     controlHTML: '<img src="http://www.k9ticaripaket.com/sites/default/files/RESIMLER/IKONLAR/yukari-icon.png" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"      controlattrs: {offsetx:5, offsety:25}, //offset of control relative to right/ bottom of window corner      anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links     state: {isvisible:false, shouldvisible:false},     scrollup:function(){          if (!this.cssfixedsupport) //if control is positioned using JavaScript              this.$control.css({opacity:0}) //hide control immediately after clicking it          var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)          if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists              dest=jQuery('#'+dest).offset().top          else              dest=0          this.$body.animate({scrollTop: dest}, this.setting.scrollduration);      },     keepfixed:function(){          var $window=jQuery(window)          var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx          var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety          this.$control.css({left:controlx+'px', top:controly+'px'})      },     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:'Sayfa Başına Dön'})                  .click(function(){mainobj.scrollup(); return false})                  .appendTo('body')              if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text                  mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text              mainobj.togglecontrol()              $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){                  mainobj.scrollup()                  return false              })              $(window).bind('scroll resize', function(e){                  mainobj.togglecontrol()              })          })      }  } scrolltotop.init() </script>

Yorum yapın

Lütfen konu ile alakalı yorumlar yapmaya özen gösterelim.