Belajar jQuery - Contoh Spoiler Keren

By Unknown

วันจันทร์ที่ 14 มกราคม พ.ศ. 2556

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 --&gt; <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...

Share :

Facebook Twitter Google+