membuat efek gambar meledak dengan Js ..

<script src=’http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js&#8217; type=’text/javascript’></script>
<script src=”http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js&#8221; type=”text/javascript”></script>
<script type=’text/javascript’>
$(document).ready(function(){
$(“#hide”).click(function(){
$(“.meledak”).hide(“explode”, {pieces:36}, 2000);});
$(“#show”).click(function(){
$(“.meledak”).show(“bounce”, {direction:”up”, times:4}, 200);});
});
</script>
<style>
.meledak{
margin-left:150px;
}
.meledak img{
background:#333;
border:5px solid #222;box-shadow:0 0 5px 2px #00f;
}
#show{
text-align:center;
}
</style>
<button id=”show”>Kembalikan gambarnya!!!</button>
<div>
<div id=”hide”>
<img src=”http://infogres.com/wp-content/uploads/2011/10/ayu_ting_ting.jpg”/></div&gt;
</div>

Pos ini dipublikasikan di Website. Tandai permalink.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s