Efek Animasi Sederhana pada Menu dengan jQuery
Halaman | 1
Efek Animasi Sederhana pada Menu
dengan JQuery
oleh Achmad Solichin *
alah satu keunggulan jQuery adalah “keluwesan” dan kemudahannya dalam
berkolaborasi dengan CSS (Cascading Style Sheet) sehingga...
More
Efek Animasi Sederhana pada Menu dengan jQuery
Halaman | 1
Efek Animasi Sederhana pada Menu
dengan JQuery
oleh Achmad Solichin *
alah satu keunggulan jQuery adalah “keluwesan” dan kemudahannya dalam
berkolaborasi dengan CSS (Cascading Style Sheet) sehingga penampilan halaman
web menjadi semakin indah.
Selain itu jQuery juga dapat menjembatani
“kesenjangan” beberapa browser dalam mengimplementasikan
CSS.
Di sisi lain, animasi, merupakan hal yang masih diminati dalam
dunia web karena menjadi salah satu hal yang akan menarik
perhatian pengunjung.
Dalam tutorial ini, kita akan mencoba
menambahkan efek animasi sederhana pada menu yang dibuat
dengan CSS.
Kita akan memanfaatkan fungsi animate() yang
sudah disediakan oleh jQuery.
Mari kita coba langkah per langkahnya.
Langkah 1
Buat tampilan menu dengan list (<ul>).
Tambahkan class dengan nama “menu” pada tag
<ul>.
1
2
3
4
5
6
7
<ul class="menu">
<li><a href="http://achmatim.
net">Home</a></li>
<li><a href="http://achmatim.
net/materi-
Less