Phương thức fadeTo trong jQuery
Phương thức fadeTo
cho phép giảm độ trong suốt
opacity
của phần tử xuống một giá trị nhất định (0 - hoàn toàn
trong suốt, 1 - hoàn toàn không trong suốt).
Tham số đầu tiên phương thức nhận giá trị độ trong suốt cần thay đổi đến, và tham số thứ hai
- thời gian thực hiện.
Hãy làm sao để khi nhấp chuột vào nút
phần tử của chúng ta trở nên nửa trong suốt trong
1 giây. Đầu tiên hãy lấy mã HTML sau:
<button id="fade">click me</button>
<div id="elem">text...</div>
Giả sử chúng ta cũng có CSS:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Bây giờ viết mã Javascript sau:
$('#fade').click(function() {
$('#elem').fadeTo(1000, 0.5);
});
