Create a Jquery box

Monday, August 10, 2009 |


Hallo setelah saya jala2 saya mendapatkan trik untuk blog anda, intinya insyallah anda suka.Saya tidak bisa berpanjang kata, kita coba aja ya.Ikuti aja petunjuk didalam kotak.

1.Letakkan kode dibawa ini pada template, sebelum the </head> tag:
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">$(function(){$("#butToggle").click(function(){$('#dvt').toggle(1000);});});</script>

2.Kemudian, letakkan kode CSS sebelum </body> tag :

#dvt{width: 200px;height: 100px;border: solid 1px black;background-color:LightGrey;text-align:center; display:none;}

3.Pamungkas ,buat HTML/JavaScript kemudian postingkan kode atau teks :
<div id="dvt">Postingkan kode anda dan Teks anda disini...</div>
<button id="butToggle">Spread</button>


Anda bisa lihat hasilnya anda suka? Lakukan sesuai petunjuk semoga anda berhasil

Related With:

0 comments:

Post a Comment