Kaedah fadeOut dan fadeIn dalam jQuery
Kaedah fadeOut dan
fadeIn
melaksanakan penghilangan dan kemunculan
elemen secara lancar.
Mari ambil kod HTML berikut:
<button id="hide">sembunyi</button>
<button id="show">tunjuk</button>
<div id="elem">teks...</div>
Untuk kod ini, CSS berikut telah ditulis:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Sekarang mari kita laksanakan kaedah fadeOut dan
fadeIn:
$('#hide').click(function() {
$('#elem').fadeOut(1000);
});
$('#show').click(function() {
$('#elem').fadeIn(1000);
});
