Elegance


Home About Randoms Tutorial Freebies Friends Skins Rules


Sabtu, 30 Agustus 2014 - 0 Says



Top button JQuery ini beda dari yang biasa ,soalnnya top button yang ini hannya muncul saat kita Scrool Down, dan jika diklik top buttonnya maka akan naik keatas kaya lift xD



  • Dashboard >> Tata letak >> Add a gadget >> HTML/JavaScript
  • Copy kode ini
<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- &#169; Dynamic Drive DHTML code library(www.dynamicdrive.com)* Modified byAnugerahSalsa***********************************************/var scrolltotop={ setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]}, controlHTML: '<img src="URL Top Button" />', controlattrs: {offsetx:5, offsety:5}, anchorkeyword: '#top', state: {isvisible:false, shouldvisible:false}, scrollup:function(){ if (!this.cssfixedsupport) this.$control.css({opacity:0}) 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); }, 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 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:'Scroll Back to Top'}) .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>

  • Pastekan kode diatas ke ruangan HTML/JavaScript tadi
  • Save
Merah : Gantikan dengan URL Top Button kamu
Credit : Ka Salsa


Posting Komentar

Thanks For Read My Post Q v Q // ......
Please Appreciate My Work ^ v ^ And Dont Forget Follow My Blog

Thanks Before

About
It's Me


Hello ! My name Mullia Zahra Tiffany Putri. Can call me Zahra, Im 14 Years Old at 9th grade. Like This Blog ?Just Follow This Blog. Please don't ever dare open page source and copy any content of this blog.

Follow
Ma Bestie


Tagboard
Ask Me ?



Archive
Memory


Secret Box
Want to open ?

D A Y S
Open the box please.
D = Ma Status
A = Blog Status
Y = Ma Banner
S = Search box

Credits
Helping Me

© 2015 - Full Template by Zahra. Skins by Mayra and somebody help me is C A N D Y. Images from Tumblr and Big thanks for Google. And just use my creativity for this skins.