Thứ Sáu, 7 tháng 3, 2014
jQuery stop
«Trở lại
Chương tiếp theo »
Phương pháp jQuery stop () được sử dụng để ngăn chặn hiệu ứng hình ảnh động hoặc trước khi nó được hoàn tất.
jQuery stop () Phương pháp
Phương pháp jQuery stop () được sử dụng để ngăn chặn một hình ảnh động hoặc ảnh hưởng trước khi nó được hoàn tất.
Phương pháp stop () làm việc cho tất cả các chức năng hiệu ứng jQuery, bao gồm trượt, mờ dần và hình ảnh động tùy chỉnh.
Cú pháp:
$(selector).stop(stopAll,goToEnd);
Tham số stopAll tùy chọn xác định xem còn hàng đợi hoạt hình nên được xóa hay không. Mặc định là sai, có nghĩa là chỉ có các hình ảnh động hoạt động sẽ được ngừng lại, cho phép bất kỳ hình ảnh động xếp hàng đợi để được thực hiện sau đó.
Các tham số tùy chọn goToEnd định có hay không để hoàn thành các hình ảnh động hiện ngay lập tức. Mặc định là sai.
Vì vậy, theo mặc định, stop () phương pháp giết chết các hình ảnh động hiện nay đang được thực hiện trên các yếu tố lựa chọn.
Ví dụ sau đây cho thấy phương pháp () dừng lại, không có tham số:
Ví dụ
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#flip").click(function(){
$("#panel").slideDown(5000);
});
$("#stop").click(function(){
$("#panel").stop();
});
});
</script>
<style type="text/css">
#panel,#flip
{
padding:5px;
text-align:center;
background-color:#e5eecc;
border:solid 1px #c3c3c3;
}
#panel
{
padding:50px;
display:none;
}
</style>
</head>
<body>
<button id="stop">Stop sliding</button>
<div id="flip">Click to slide down panel</div>
<div id="panel">Hello world!</div>
</body>
</html>
Thử nó cho mình »
«Trở lại
Chương tiếp theo »
Đăng ký:
Đăng Nhận xét (Atom)
Không có nhận xét nào:
Đăng nhận xét