Sunday, 4 September 2011

Cara mudah membuat menu tutup buka (Spoiler with jQuery)

menurut saya menu ini sngat menarik dengan efek smooth saat membuka tutup bagian dari menu nya...
untuk cara membuatnya :

  1. Login blogger
  2.  Simpan kode di bawah ini pada edit html postingan atau  pada Html/Java script :
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script type="text/javascript">
$(function(){$("#butToggle").click(function(){$('#dvt').toggle(1000);});});
</script>
<style type="text/css">
#dvt{width: 200px;height: 100px;border: solid 1px black;background-color:LightGrey;text-align:center; display:none;}
</style>
<button id="butToggle">KLIK SAJA</button>
<div id="dvt">
MAsukkan konten atau teks yang ingin dimasukkan disini</div>






Untuk  cara yang lebih baik dan simple nya klik disni....

0 comments:

Post a Comment