Membuat Toggle Sederhana: Css dan jQuery
Oleh
chmood
Selamat Malam kawan kawan T.I Sniper
Bertemu dengan saya angga a.k.a anggamovic, yap tak di duga ta dinyana diriku masuk kedalam author di sini ( gayanye….. wkwkkw)
=========== Introduction ============
Oke oke…. disini saya mungkin hanya sedikit menyinggung soal hacking, kenapa? ya karena saya sedikit menguasai soal hacking, nah sebagai gantinya saya akan lebih menitik beratkan kedalam pembahasan web desain / developer.
Oke oke…. disini saya mungkin hanya sedikit menyinggung soal hacking, kenapa? ya karena saya sedikit menguasai soal hacking, nah sebagai gantinya saya akan lebih menitik beratkan kedalam pembahasan web desain / developer.
Menurut Wikipedia CSS dan JQUERY adalah sebagai berikut
CSS
Cascading Style Sheet (CSS) merupakan salah satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam.Untuk mengawali perjumpaan kita, sebagai salam hangat ceritanya… saya akan memberi sebuah tutor ringan, yaitu membuat toggle sederhana dengan css dan jquery.
Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file).[1] Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.
CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya.[1] CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.
JQUERY
jQuery adalah pustaka JavaScript kecil bersumber terbuka yang menekankan pada interaksi antara JavaScript dan HTML. Pustaka ini dirilis pada Januari 2006 di BarCamp NYC oleh John Resig dan berlisensi ganda di bawah Lisensi MIT dan GPL
Yuk, lanjut ke tutorialnya setelah mengetahui informasi mengenai CSS dan JQUERY. Berikut detail tutorialnya,
==> Step 1. Wireframe & Style <==
Kita mulai dengan tag h2 dengan link sebagai “trigger” untuk efek kita.
HTML
CSS
==> Step 2. Aktifkan Toggle Dengan jQuery <==
Untuk demo:
Oke, di cukupkan pembahasanya untuk sekarang, kita akan menyelam kedalam dunia web desain di pertemuan yang akan datang…
So see ya…
Have a nice day and GBU!
Have a nice day and GBU!
Category