Home » , , » Cara Membuat Button Kembali Keatas

Cara Membuat Button Kembali Keatas


Cara Membuat Button Kembali Keatas Yah fungsinya hanya agar halaman diarahkan kembali ke halaman atas saja.
Caranya seperti biasa pada Kolom Edit   HTML  masukan kode dibawah ini setelah kode </body>

Ini Kodenya : 


<style type='text/css'>

#bttop{border:1px solid #4adcff;background:#24bde2;text-align:center;padding:5px;position:fixed;bottom:35px;right:10px;cursor:pointer;display:none;color:#fff;font-size:11px;font-weight:900;}

#bttop:hover{border:1px solid #ffa789;background:#ff6734;}

</style>

<div id='bttop'>Kembali Keatas</div>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>

<script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$('#bttop').fadeIn();}else{$('#bttop').fadeOut();}});$('#bttop').click(function(){$('body,html').animate({scrollTop:0},800);});});</script>


Ok Semoga bermanfaat
Share this article :
Diberdayakan oleh Blogger.
 
Support : - - Pusat Barang Mistik
Copyright © 2013. Pusat Batu Mustika Bertuah dan Azimat Maha Sakti - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger