❀ Official Belog BbynaLin ❀
Intai Saya

Shoutbox






Scroll back To Top Jquery

Thursday, 26 September 2013 @ 00:36 | 0 SweetCandy

Hello People ...

petang kawan sayang. .dah makan ka ni? dah minum ?dah ogog? HAHAHA !! keyh lah. . hari ni bby nak buat tuto lagi. . yeayyy ! hari ni plak pasal naik lif laju-laju sampai keatas . .mesty penat kn tekan mouse balik2 untuk naik keatas blik so jom kita intai tuto ni   ?. . ehehehe, 

jom start. . cekiduuuutttt yo ! ahaha :)

KEDIT BY : LyssaSecret :)
______________________________________________

 1. Seperti biasa buka template korang
2. then, bila korang buka template korang just copy code ni tauk, 


<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 byLyssaFaizureen***********************************************/var scrolltotop={
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="URL IMAGE FLY UP" />',
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>
 3. Dah  ka ? 
** MERAH : korang letak lah url yang korang suka. .or korang bole create sendiri, lagi puas hati kan. .

4. Dah siap, preview then SAVE. .


selamat menCUBA! 




Older Post | Newer Post
Let's Be Friend !




Hello and Welcome my
montel blogger(s). I just shared what I like and feel.Thanks cause visiting myBlog. .myWorld. .myDairies. . but if you are RIPPERS! , SPAMMERS or HATERS , I will kick you out of my site! other than that... feel free to roam around! If you don't mind, follow this blog and I'll follow back. If you mention me at cbox. .Let Be Friends !! Thank you

>>>get this here <<<
RUNNINGMAN SARANGHAE


Investigate Here !

Diary About Stuff Link


Sweet To Remember !



30 Januari 2013
sweeet and lovely mylittle !!
You take HIM from me. . I will kill you !! and you die !! ahahaha :)


Big CLAP !

Template by : Farisyaa Awayy
Basecode by : Nurynn
Full Edited : BbyNalin !


Date/Time!