Salam persahabatan
Sekarang kita akan membuat artikel kita menjadi atraktif dengan jquery. Yaitu menyembunyikan dan memunculkannya kembali. Di sini sobat bisa berkreasi bukan hanya artikel tetapi juga dengan gambar maupun iklan.
Sebenarnya artikel ini akan membahas tehnik dasar dari slide saja namun kebanyakan di terapkan dalam gambar, dalam tutorial ini saya akan mencoba menerapkan dalam artikel atau postingan, saya akan menggantinya hanya dua artikel karena hanya sebagai contoh, sobat bisa berkreasi sampai tiga artikel bahkan lebih secara bergantian. Seperti artikel saya sebelumnya yang saya praktekan "silahkan di cari".
Okeh..kita langsung saja ke pengkodean, silahkan copas kode di bawah di dalam postingan sobat, setelah itu baru kita menyelidikinya agar kita bisa berkreasi.
Kode di atas menjelaskan bahwa kita akan membuat class agar bisa di panggil dalam html dan css misalkan saya membuat class dengan .keluar dan .masuk sedangkan id adalah standard yaitu #up dan #down ini untuk button "ingat! #up dan #down untuk button". Maka dengan jelas HTML yang di berikan adalah:
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.
sumber : Hendro prayitno
Sekarang kita akan membuat artikel kita menjadi atraktif dengan jquery. Yaitu menyembunyikan dan memunculkannya kembali. Di sini sobat bisa berkreasi bukan hanya artikel tetapi juga dengan gambar maupun iklan.
Sebenarnya artikel ini akan membahas tehnik dasar dari slide saja namun kebanyakan di terapkan dalam gambar, dalam tutorial ini saya akan mencoba menerapkan dalam artikel atau postingan, saya akan menggantinya hanya dua artikel karena hanya sebagai contoh, sobat bisa berkreasi sampai tiga artikel bahkan lebih secara bergantian. Seperti artikel saya sebelumnya yang saya praktekan "silahkan di cari".
Okeh..kita langsung saja ke pengkodean, silahkan copas kode di bawah di dalam postingan sobat, setelah itu baru kita menyelidikinya agar kita bisa berkreasi.
Jika sobat perhatikan kode di atas sangat simple, yaitu pemakaian dan pemanggilan kode jquery 1.3.2
javascript:void(0)
INI ADALAH ARTIKEL PERTAMA YANG AKAN DI MUNCULKAN
INI ADALAH ARTIKEL KEDUA YANG AKAN DI MUNCULKAN
Kode di atas menjelaskan bahwa kita akan membuat class agar bisa di panggil dalam html dan css misalkan saya membuat class dengan .keluar dan .masuk sedangkan id adalah standard yaitu #up dan #down ini untuk button "ingat! #up dan #down untuk button". Maka dengan jelas HTML yang di berikan adalah:
Mudah-mudahan sampai di sini sudah paham, nah..sekarang kita akan buat kode CSS yang hanya memerintahkan ingin di tampilkan atau tidaknya dengan class yang telah kita buat:
INI ADALAH ARTIKEL PERTAMA YANG AKAN DI MUNCULKAN
INI ADALAH ARTIKEL KEDUA YANG AKAN DI MUNCULKAN
.masuk{display:none;}.keluar{display:none;}Siip..semoga dapat di mengerti, sederhana bukan? atau mungkin terlalu rumit? jika rumit silahkan langsung kopas aja kodenya, ga usah di ambil pusing sobat. Okeh..semoga berguna dan bermanfaat jika ingin melihat contohnya silahkan klik tombol di bawah.
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.
sumber : Hendro prayitno
Tidak ada komentar:
Posting Komentar