Membuat efek Fade in dan Fade Out dengan PHP dan JQuery

Cara membuat efek Fade In dan Fade Out dengan PHP dan JQuery

Berikut kode untuk membuat efek fade In dan Fade Out dengan PHP dan JQuery :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Efek Fade</title>
<script type="text/javascript"
src="jquery-1.5.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#fadeIn").click(function() {
$("#altstadt").fadeIn(1200);
});

$("#fadeOut").click(function() {
$("#altstadt").fadeOut(1200);
});
});
</script>
</head>
<body>
<img id="altstadt" src="Citra/Zehyranthus_reginae.png" />
<p>
<button id="fadeIn">Fade In</button>
<button id="fadeOut">Fade Out</button>
</p>
</body>
</html>



Jika dijalankan tampilan nya sebagai berikut :


Download code lengkap disini

Selesai...
Semoga Bermanfaat....



Berlangganan via Email