Powered byBlog Widgetand shared by JUNIAWAN89

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....



Previous
Next Post »

Pengunjung yang baik selalu memberikan masukan / komentar.... ConversionConversion EmoticonEmoticon

Popular