disini saya mau berbagi dengan tutorial membuat delay dengan jquery, contoh ini sangat simpel dan mudah tiggal anda ketikan source code sebagai berikut :
<html>
<head>
<style>
div { position: absolute; width: 60px; height: 60px; float: left; }
.first { background-color: #3f3; left: 0;}
.second { background-color: #33f; left: 80px;}
</style>
<script src="delJsMick.js"></script>
</head>
<body>
<p><button>Run</button></p>
<div class="first"></div>
<div class="second"></div>
<script>
$("button").click(function() {
$("div.first").slideUp(300).delay(800).fadeIn(400);
$("div.second").slideUp(300).fadeIn(400);
});
</script>
</body>
</html>
disini baru membuat tampilan yang dan belum bisa melakukan proses maka kita perlu tambahkan javascriptnya terlebih dahulu, dan javascriptnya anda bisa download delJsMick.text disini.
dan bila anda sudah download delJsMick.text ubah direktorinya menjadi delJsMick.js taruh di directory yang sama maka akan terlihat hasilnya. kalau tidak bisa download silahkan anda add facebook saya. klick disini.
kalau ada kurangnya mohon di tambahkan. kritik dan saran di terima.
<html>
<head>
<style>
div { position: absolute; width: 60px; height: 60px; float: left; }
.first { background-color: #3f3; left: 0;}
.second { background-color: #33f; left: 80px;}
</style>
<script src="delJsMick.js"></script>
</head>
<body>
<p><button>Run</button></p>
<div class="first"></div>
<div class="second"></div>
<script>
$("button").click(function() {
$("div.first").slideUp(300).delay(800).fadeIn(400);
$("div.second").slideUp(300).fadeIn(400);
});
</script>
</body>
</html>
disini baru membuat tampilan yang dan belum bisa melakukan proses maka kita perlu tambahkan javascriptnya terlebih dahulu, dan javascriptnya anda bisa download delJsMick.text disini.
dan bila anda sudah download delJsMick.text ubah direktorinya menjadi delJsMick.js taruh di directory yang sama maka akan terlihat hasilnya. kalau tidak bisa download silahkan anda add facebook saya. klick disini.
kalau ada kurangnya mohon di tambahkan. kritik dan saran di terima.
0 Comments
