jQuery圖片的展開與收縮實作碼_jquery

複製代碼如下代碼：

渡//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


標題>

#img1
{
寬度：500px;
高度：400px;
邊框：實心1px #ccc;
顯示：無；
}
樣式>


$(document).ready(function () {
$('#Button1').click( function () {
$('#img1').show(5000);
});
$('#Button2').click(function () {
$('# img1').hide(5000);
})
$('#Button3' ).click(function () {
$('#img1').fadeIn(2000);
$('#img1').fadeIn(2000);
})
$('#Button4').click(function () {
$ ('#img1').fadeOut(1000);
})
})
script>;
頭>






身體>