English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

Membuat menu buka tutup (spoiler)

Alhamdulilah ketemu juga cara buat 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> 

     Ganti kode yang berwarna merah dengan kode anda.
    5. Simpan



    2 komentar:

    sip ane nyari-nyari akhirnya ketemu thanks ya
    http://zaid-info.blogspot.com/

    Bice Infonya sob...

    Kunjungan baliknya ya ke blog ane Master-1st.blogspot.com

    Poskan Komentar

    Twitter Delicious Facebook Digg Stumbleupon Favorites More