SahraForumDizini
Would you like to react to this message? Create an account in a few clicks or log in to continue.
SahraForumDizini

Genel Forum Sitesi
 
AnasayfaAnasayfa  Latest imagesLatest images  AramaArama  Kayıt OlKayıt Ol  Giriş yap  
Sayfayı FaceBook'ta Paylaş

 

 jQuery Yukarı çık çapası

Aşağa gitmek 
YazarMesaj
Sahra
ForumSahraSiteSahibi
ForumSahraSiteSahibi
Sahra


<b>Mesaj Sayısı</b> Mesaj Sayısı : 428
<b>Tecrübe</b> Tecrübe : 1091
<b>Rep Puanı</b> Rep Puanı : 29
<b>Kayıt Tarihi</b> Kayıt Tarihi : 07/07/11
<b>Yaş</b> Yaş : 32
<b>Nerden</b> Nerden : Bilmem
<b>Lakap</b> Lakap : gececi

jQuery Yukarı çık çapası Empty
MesajKonu: jQuery Yukarı çık çapası   jQuery Yukarı çık çapası EmptySalı 19 Tem. - 23:53:43


Özellikleri: Sayfanın altına inince sag altta yuarı cık seklinde ufak bir resim belirir tıklayınca sitenin en başına geri getirir.

CANLI Önizleme: [Linkleri görebilmek için üye olun veya giriş yapın.] siteye girip sayfanın bıraz altına ınıce sag altta cıkar

Kod:

<!--yukari cik capasi basla--><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>  <script type="text/javascript">

/***********************************************
* Scroll To Top Control script- © Dynamic Drive DHTML code library ([Linkleri görebilmek için üye olun veya giriş yapın.]
* This notice MUST stay intact for legal use
* Visit Project Page at http://www.dynamicdrive.com for full source code
***********************************************/
//** jQuery Scroll to Top Control script- (c) Dynamic Drive DHTML code library: http://www.dynamicdrive.com.
//** Available/ usage terms at http://www.dynamicdrive.com (March 30th, 09')
//** v1.1 (April 7th, 09'):
//** 1) Adds ability to scroll to an absolute position (from top of page) or specific element on the page instead.
//** 2) Fixes scroll animation not working in Opera. TÜRKÇESİ: Kod Operada Çalışmaz!


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://img.webme.com/pic/f/fikra-okuru/yukaricikcapasi1.png" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
  controlattrs: {offsetx:5, offsety:5}, //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:'systemwarez.tr.gg'})
            .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>
Sayfa başına dön Aşağa gitmek
https://sahra.forumdizini.com
 
jQuery Yukarı çık çapası
Sayfa başına dön 
1 sayfadaki 1 sayfası
 Similar topics
-
» YUKARI DOĞRU AKAN YAZILAR
» En yeni 10 jQuery eklentileri
» Resimli Kaydırılabilir JQuery Menü
» jQuery ile “çek-bırak” özellikli nesneler oluşturmak
» jQuery ile sıraya dizerek oy ver: Sort & Vote

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
SahraForumDizini :: Webmaster :: Javascript - jQuery - Ajax-
Buraya geçin: