fade-In and fade-Out methods

網頁上有很多時候都會常使用到 html controls 的 disabled 動作由其是有些商業型態的功能時使用率更高 , 今天來介紹 jQuery 的顯示與隱藏的方法 , 方法很簡單 , 直接看下面的代碼吧...



<div id="myDiv" class="basic" style="width: 500px;">
<h1>
HELLO jQuery</h1>
</div>
<input id="submit1" type="button" value="fadeIn method" />
<input id="submit2" type="button" value="fadeOut method" />
<script>
$(document).ready(function(){
$('#submit1').click(function(){
var div = $('#myDiv');
div.fadeIn();
});
$('#submit2').click(function(){
var div = $('#myDiv');
div.fadeOut();
});
});
</script>