fadeIn(speed,[callback]) trong jQuery
Miêu tả
Phương thức fadeIn(speed,[callback]) trong jQuery sẽ Fade in tất cả các phần tử đã so khớp bởi việc điều chỉnh opacity (độ chắn sáng) và kích hoạt một callback tùy ý sau khi hoàn thành.
Cú pháp
Sau đây là cú pháp cho fadeIn(speed,[callback]) trong jQuery:
selector.fadeIn( speed, [callback] );
Tham số
Dưới đây miêu tả chi tiết về các tham số được sử dụng trong phương thức fadeIn(speed,[callback]) trong jQuery:
speed − Một chuỗi biểu diễn một trong ba tốc độ đã định trước ("slow", "def", hoặc "fast") hoặc số mili giây để chạy hiệu ứng (ví dụ 1000).
callback − Đây là tham số tùy ý biểu diễn một hàm để gọi một khi hiệu ứng hoàn thành.
Ví dụ
Sau đây là ví dụ đơn giản minh họa cách sử dụng của phương thức fadeIn(speed,[callback]) trong jQuery:
<html>
<head>
<title>The jQuery Example</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function() {
$("#in").click(function(){
$(".target").fadeIn( 'slow', function(){
$(".log").text('Fade In Transition Complete');
});
});
$("#out").click(function(){
$(".target").fadeOut( 'slow', function(){
$(".log").text('Fade Out Transition Complete');
});
});
});
</script>
<style>
p {background-color:#bca; width:200px; border:1px solid green;}
</style>
</head>
<body>
<p>Click on any of the buttons</p>
<button id="out"> Fade Out </button>
<button id="in"> Fade In</button>
<div class="target">
<img src="./images/jquery.jpg" alt="jQuery" />
</div>
<div class="log"></div>
</body>
</html>
Nó sẽ cho kết quả:
Công cụ giáo viên (2048.VN)
Tạo- trộn đề thi miễn phí từ file PDF, Word, Giao bài nhanh chóng, Hoàn toàn Free
Các bài học jQuery khác tại VietJack:
Dành cho bạn
Công cụ giáo viên
- Tạo đề online từ PDF / Word
- Trộn nhiều mã đề, in Offline
- Giao bài online, Quản lí lớp học
