Cara Membuat Back To Top di Website - Hallo sahabat Dev-Create, Pada Artikel yang anda baca kali ini dengan judul Cara Membuat Back To Top di Website, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Belajar CSS, Artikel jQuery, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara Membuat Back To Top di Website
link : Cara Membuat Back To Top di Website

Cara Membuat Back To Top di Website

Membuat tombol Back To Top di webite dengan jquery, kali ini akan menjadi pembahasan ebsof...
Untuk Demo Membat BACK TO TOP  Anda bisa melihat di Sini

adapun cara membuat Back to Top di website dengan menggunakan jquery yaitu :

1. Download library Jquery "jQuery library and jquery.scrollToTop.min.js " untuk kita panggil nantinya di website kita dengan menggunakan script di bawah ini :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="jquery.scrollToTop.min.js"></script>

2. Tambahkan kode html berikut di  bagian mana saja dari halaman website kita

<a href="#top" id="toTop"></a>

3. Panggil plugin jquery dengan cara menambahkan code sbb  tepat di atas tag </head>:

<script type="text/javascript">
    $(function() {
         $("#toTop").scrollToTop(1000);
    });
</script>

dan terakhir.. untuk membuat tampilannya lebih indah kita tambahkan script css sbb :

#toTop {
    display: none;
    position: fixed;
    bottom: 5px;
    right: 5px;
    width: 64px;
    height: 64px;
    background-image: url('../image/up.png');
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}
#toTop:hover {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

Untuk Demo Membat BACK TO TOP  Anda bisa melihat di Sini

Jika anda ingin Source code nya untuk website Dinamis HTML,PHP,MYSQL... silahkan Follow terlebih dahulu y...

Google+ Followers

Demikianlah Artikel Cara Membuat Back To Top di Website

Sekianlah artikel Cara Membuat Back To Top di Website kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Membuat Back To Top di Website dengan alamat link https://dev-create.blogspot.com/2014/01/cara-membuat-back-to-top-di-website.html