Nih gan ane buatin kode jQuery untuk
membuat Spoiler (pesan tersembunyi) yang siap dipasang di blog / website agan-agan :D
Jika Anda membaca tulisan ini, Anda pasti sudah
Belajar jQuery. :)
nah langsung saja code jQuery nya:
//HAK CIPTA MEGAHNANDA B.M.
//megahnandaofficial.blogspot.com
//Dibuat pada 15:46 14 Januari 2013
//Boleh dicopy dan dimodifikasi asal tidak menghapus tulisan dari kata HAK CIPTA sampai sini
$(".mbmSpoiler").before("<div>Ada sesuatu yang disembunyikan lho --> <button onclick=\"$(this).parent().next().show(); $(this).parent().next().animate({'opacity':0},0); $(this).parent().next().animate({'opacity':1},1000,function(){$(this).prev().hide()});\">Tampilkan</button> </div>");
$(".mbmSpoiler").attr("style","border: 1px solid black; padding: 10px; margin: 3px; border-radius: 9px; box-shadow: 1px 3px 10px rgba(0,0,0,0.3);")
$(".mbmSpoiler").hide();
Untuk penggunaannya:
<div class="mbmSpoiler">
Tulisan / Code HTML yang ingin disembunyikan..
</div>
Anda hanya perlu membuat
DIV ber
CLASS=mbmSpoiler untuk
membuat sebuah spoiler keren :)
Download di sini gan -->
http://www.mediafire.com/download.php?gsi9hsb2rpb3koe
Cukup sekian tulisan
Belajar jQuery - Contoh Spoiler Keren dari saya, semoga bermanfaat bagi kita semua, terima kasih, wassalam...
Artikel keren lainnya yang WAJIB dibaca:
