Effect Fading JQuery (1)
pengen juga nih belajar jQuery, cuman ga sempet. Dan mungkin karena so sibuk kali yah. Tp setidaknya masih mending lah ada kemauan buat belajar dari pada gak sama sekali. Untuk postingan ini saya mo coba nulis tentang effect fading di jQuery.
1. FadeIn
Effect ini kita langsung liat contoh aja yah. Seperti di bawah ini.
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
“http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<script src=”../jquery-latest.js”></script>
<script>
$(document).ready(function(){
$(document.body).click(function () {
$(”div:hidden:first”).fadeIn(”slow”);
});
});
</script>
<style>
span { color:red; cursor:pointer; }
div { margin:3px; width:80px; display:none;
height:80px; float:left; }
div#one { background:#f00; }
div#two { background:#0f0; }
div#three { background:#00f; }
</style>
</head>
<body>
<span>Click here…</span>
<div id=”one”></div>
<div id=”two”></div>
<div id=”three”></div>
</body>
</html>
Untuk Contoh di atas, bisa langsung di coba dengan meng copy paste codenya.(ini saya copy dari manualnya JQuery, jd kalo gak jalan jangan salahin saya ya..) … nantikan kelanjutannya ……





