CIDAUN'S BLOG


Cara Membuat Back to Top Melayang

Sebenarnya Postingan ini sudah lama aku simpan dilemari dan belum sempat di publish, setelah ada waktu akhirnya saya putuskan untuk mempublish ini dan mudah2an ada manfaatnya, dan saya akan mempublish tutor ini sekarang, yaitu Cara membuat Back to Top melayang. Oh ya kenpa disebut melayang? apa gak ada nama lain tuh? saya juga tidak tau, mungkin karena icon tanda panah BtP-nya gak bisa diem kali hehehe....
Ya udah lang sung aja nih ye,,,



Silahkan sobat copy code yang ada di bawah ini, kemudian masuk ke Layout, klik add widget, trus klik HTML/Java script dan paste deh kode yang sudah sobat copy tadi:

<script type="text/JavaScript">
var topMargin = 300
var slideTime = 1200
var ns6 = (!document.all && document.getElementById);
var ie4 = (document.all);
var ns4 = (document.layers);
window.setInterval("main()", 10)

function floatObject() {
if (ns4 || ns6) {
findHt = window.innerHeight;
} else if(ie4) {
findHt = document.body.clientHeight;
}
}

function main() {
if (ns4) {
this.currentY = document.floatLayer.top;
this.scrollTop = window.pageYOffset;
mainTrigger();
} else if(ns6) {
this.currentY = parseInt(document.getElementById('floatLayer').style.top);
this.scrollTop = scrollY;
mainTrigger();
} else if(ie4) {
this.currentY = floatLayer.style.pixelTop;
this.scrollTop = document.body.scrollTop;
mainTrigger();
}

}
function mainTrigger() {
var newTargetY = this.scrollTop + this.topMargin
if ( this.currentY != newTargetY ) {
if ( newTargetY != this.targetY ) {
this.targetY = newTargetY
floatStart();
}
animator();
}


}
function floatStart() {
var now = new Date()
this.A = this.targetY - this.currentY
this.B = Math.PI / ( 2 * this.slideTime )
this.C = now.getTime()
if (Math.abs(this.A) > this.findHt) {
this.D = this.A > 0 ? this.targetY - this.findHt : this.targetY + this.findHt
this.A = this.A > 0 ? this.findHt : -this.findHt
} else {
this.D = this.currentY
}
}
function animator() {
var now = new Date()
var newY = this.A * Math.sin( this.B * ( now.getTime() - this.C ) ) + this.D
newY = Math.round(newY)
if (( this.A > 0 && newY > this.currentY ) || ( this.A < 0 && newY < this.currentY )) {
if ( ie4 )floatLayer.style.pixelTop = newY
if ( ns4 )document.floatLayer.top = newY
if ( ns6 )document.getElementById('floatLayer').style.top = newY + "px"
}
}
//-->
</script>
<div id="floatLayer" style="position: absolute; height:20px; width:15; left:650px; top:400px; z-index: 100"><a href="#"><img vspace="0" border="0" hspace="0" alt="Back to Top" width="15" src="http://i304.photobucket.com/albums/nn182/ebiets/up_out.gif" height="25"/></a></div>


<a name="top"></a>


setelah itu kemudian disimpan dan lihat hasilnya.
Semoga berhasil.........

previous home
4 komentar:

Prepiunya mana gan,makasih nihh tipnya hehehehe :D


nice info........

pertamakah aku???

entar aku coba deh......

semoga sukses selalu.......
salam

Tutorial Blog


Posting Komentar

Posting Komentar

SERBA_SERBI [+ / -]

My blog is worth $564.54.
How much is your blog worth?

EMPUNYA BLOG INI [+/-]

EMPUNYA BLOG INI

Photobucket Leutik, hideung, culun... baek, rajin, suka dengan tantangan juga menyukai hal2 yg baru, pkokna etc we

>Seterusna mah>>>

My AWARD [+/-]

Photobucket
Cidaun's Blog Cidaun's Blog Cidaun's Blog
TUKERAN BANNER

Cidaun's Blog
LINK EXCHANGE

ikuti blog aku ya.....


Back to Top
Adsense Indonesia ! Feel free to look around. If you like what you read, mention us in your post or link to this site. Hope to see you again =Terima Kasih Atas Kunjungannya......=