fadeTo(speed,opacity,callback) trong jQuery
Miêu tả
Phương thức fadeTo(speed,opacity,callback) trong jQuery sẽ Fade độ chắn sáng của tất cả phần tử đã so khớp tới một opacity đã cho 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 fadeTo(speed,opacity,callback) trong jQuery:
selector.fadeTo(speed, opacity[, 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 fadeTo(speed,opacity,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).
opacity − Một số giữa 0 và 1 biểu thị opacity mục tiêu.
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 fadeTo(speed,opacity,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() {
$("#more").click(function(){
$(".target").fadeTo( 'slow', 0.7, function(){
$(".log").text('More Opacity Transition Complete');
});
});
$("#less").click(function(){
$(".target").fadeTo( 'slow', 0.2, function(){
$(".log").text('less Opacity 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="less"> Less Opacity </button>
<button id="more"> More Opacity</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
