Cara Membuat Animasi Scroll pada Website dengan jQuery
Assalamu'alaikum Wr. Wb.
Salam untuk semua, Kali ini mimin ingin berbagi pada kalian Cara Membuat Animasi Scroll pada Website dengan jQuery. Untuk pembuatan Animasi Scroll ini ada beberapa langkah yang akan kita buat yang sudah saya terakan di bawah ini.
1. Membuat Tampilan Website
Untuk langkah pertama yang kita lakukan adalah membuat tampilan pada website, disini jika kalian sudah membuat tampilan maka lewatilah langkah pertama ini, dan jika kalian belum membuat tampilan untuk website disini saya akan memberi contoh untuk tampilan sederhana untuk membuat Animasi Scroll-nya.
Silahkan kalian copy code yang berada di bawah ini:
2. Proses dari Animasi Scroll
Untuk proses kedua silahkan kalian siapkan jQuery untuk membuat Animasi Scroll, jika kalian belum mempunyai jQuery kalian bisa download pada situs resminya atau kalian klik link di bawah ini:
Download jQuery : https://jquery.com/download/
JIka sudah silahkan kalian panggil jQuery pada tampilan yang sudah kalian buat tadi dan taruh jQuery di bagian head,
<script type="text/javascript" src="js/jquery.min.js"></script>
Setelah kalian panggil silahkan kalian bikin proses untuk membuat Animasi Scrollnya, silahkan kalian copy script dibawah ini dan taruh dibagian head.
Jika sudah maka panggil function artikel pada menu artikel,
Contoh:
Setelah selesai kurang lebih semua script yang anda buat seperti dibawah ini:
Nah itulah beberapa langkah untuk membuat Animasi Scroll pada website, Silahkan kalian bagikan keteman-teman kalian jika teman kalian ingin membuat Animasi Scroll. Cukup sekian semoga bermanfaat untuk kalian semua.
0 Comments