Người Viết : ViKiMi Editor
Thiết kế Giao Diện, Dừng các Hiệu ứng / Động của Thư viện jQuery sử dụng phương thức Stop
Hiệu ứng được cung cấp bởi thư viện jQuery có thể thực hiện dừng lại theo yêu cầu. Điều đó có nghĩa là bạn có thể tiến hành dừng bất kỳ hiệu ứng nào của jQuery theo các điều kiện mà bạn đặt ra. jQuery cho phép bạn làm điều này để đảm bảo rằng bạn có thể chủ động trong việc tạo các thiết kế mà ở đó sự tương tác giữa người dùng và Website luôn lớn nhất.
Vậy chức năng nào sẽ được jQuery cung cấp để làm điều này?
Câu trả lời là : Phương thức Stop()
Phương thức này có tác dụng :
+ Dừng các hoạt ảnh ( Animation ) trước khi nó kết thúc
+ Dừng các hiệu ứng ( Effect ) trước khi nó kết thúc
Điều có có nghĩa là khi cần thiết thì bạn có thể chủ động dừng hoạt ảnh / hiệu ứng jQuery
CÚ PHÁP :
$(selector).stop( stopAll, gotoEnd );
+ Tham số stopAll ( Tuỳ Chọn ) : Chỉ định liệu rằng hàng đợi hoạt ảnh có bị xoá không ?
Mặc định False, có nghĩa là chỉ hoạt ảnh đang active sẽ bị dừng lại, và cho phép bất kỳ hoạt ảnh được xếp hàng đợi được thực thi sau đó
+ Tham số gotoEnd ( Tuỳ Chọn ) : Chỉ định có hoặc không việc hoàn thành hoạt ảnh ngay lập tức không ?
Mặc định False có nghĩa là không.
Do đó, phương thức Stop() sẽ dừng hoạt ảnh hiện tại trên phần tử đã chọn. Bạn chú ý điều này xảy ra trên mọi hiệu ứng và tuỳ chỉnh hiệu ứng (Hoạt Ảnh).
Example ::
Thực hiện dừng hiệu ứng động / hoạt ảnh và xoá hàng đợi hoạt ảnh.
$(document).ready(function(){
$(“#animation”).click(function(){
$(“div10”).animate({width: ‘400px’, opacity: ‘0.6’}, “slow”);
});
$(“#stop”).click(function(){
$(“#div10”).stop(true);
});
});
Phương thức Stop() được sử dụng vô cùng đơn giản và cho phép bạn dừng các hoạt ảnh và hiệu ứng của jQuery bất cứ khi nào bạn muốn. Như vậy, quá trình tạo ra các hiệu ứng có thể tạo ra bất kỳ điều khiển dừng lại nào. Và bạn đã có thể cung cấp thêm các chức đơn giản nhất cho người dùng. Có lẽ đây cũng là một phương thức mà bạn có thể tham khảo.
+ Phương thức Stop() cũng mang lại một sắc thái mới
