Membuat Efek Klik Pada List Menggunakan jQuery Dan CSS

Baik teman-teman DUMET School, hari ini saya akan mengajarkana bagaimana caranya membuat efek klik pada list menggunakan jQuery dan CSS. Efek klik pada list yang akan kita coba buat di sini iyalah efek lollipop di mana efek tersebut baru mencul ketika kita klik salah satu dari list tersebut. Efek ini bisa kalian terapkan juga pada Button. Baik kita akan coba langsung membuat nya saja ya teman-teman.

Pertama kalian bisa buat satu file dengan nama index.html, dan tuliskan baris program HTML di bawah ini di dalam file index.html kalian.

Kemudian kalian bisa tuliskan juga baris program CSS di bawah ini.

Dan yang terakhir tuliskan script jQuery di bawah ini.

Maka hasilnya seperti berikut.

See the Pen pgYjyv by Dumet_School (@dumet_school) on CodePen.

Nah buat teman-teman yang ingin mendownload seluruh baris program di atas, teman-teman bisa mengklik klik download di bawah ini.

Download

12 Februari 2016

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat