Cara membuat link kembali ke atas halaman

Cara membuat link kembali ke atas halaman

194
0
SHARE

Kali ini saya akan membahas bagaimana cara membuat link kembali ke atas halaman. Saya akan menggunakan jquery, javascript dan sedikit css. Cara berikut ini menurut saya memiliki tampilan yang cukup menarik yaitu memiliki efek fadeIn dan fadeOut. Baiklah langsung saja kita mulai membuatnya.

Cara membuat link kembali ke atas halaman

Step 1 : Buatlah file index.php

Step 2 : Tambahkan css sebagai berikut dalam element head

Step 3 : Tambahkan file jquery. Anda bisa mendownloadnya di http://jquery.com/.

Step 4 : Tambahkan javascript sbb sebelum penutup element body

Sehingga file index.php anda menjadi seperti ini :

Step 5 : Jalankan index.php melalui browser. Lihatlah hasilnya.

DEMO  | DOWNLOAD

Selesai

Mudah bukan. Terima kasih telah berkunjung ke harviacode.com. Semoga bermanfaat.

Bagikan artikel ini ya.. terima kasih

NO COMMENTS

LEAVE A REPLY