2010-11-03 26 views
20

Tôi đang sử dụng fadein fadein jquery với tùy chọn chậm, nhưng nó vẫn hơi quá nhanh đối với tôi. bây giờ tôi đã đọc rằng bạn chỉ có thể chọn giữa nhanh và chậm, nhưng có cách nào để làm cho nó chậm hơn không?Tốc độ fadein 'chậm' của Jquery quá nhanh

+0

biến thể phần nghìn giây có vẻ tốt, không biết tôi có thể làm điều đó, vì Tôi đã đọc điều này trong tài liệu: Các chuỗi 'nhanh' và 'chậm' có thể được cung cấp để cho biết thời lượng tương ứng là 200 và 600 mili giây. Nếu bất kỳ chuỗi nào khác được cung cấp hoặc nếu tham số thời lượng bị bỏ qua, thời lượng mặc định là 400 mili giây được sử dụng. – Michel

Trả lời

64

Bạn có hai tùy chọn. Đầu tiên là sử dụng một số mili giây trong cuộc gọi:

$('#myItem').fadeOut(1500); // 1.5 seconds 

Lựa chọn thứ hai là xác định một tốc độ tùy chỉnh, hoặc để xác định lại một jQuery mẹ đẻ tốc độ:

$.fx.speeds.slow = 1500; // 'slow' now means 1.5 seconds 
$.fx.speeds.xslow = 3000; // 'xslow' means 3 seconds 
$.fx.speeds.xfast = 100; // 'xfast' means 0.1 seconds 

Sau đó, bạn có thể gọi cho họ như bình thường:

$('#myItem').fadeOut('slow'); 
$('#myItem').fadeOut('xslow'); 
$('#myItem').fadeOut('xfast'); 

Điều này cho phép bạn xác định lại tốc độ trên cơ sở ứng dụng.

+0

rất đẹp, cảm ơn! – Michel

11

Sử dụng một số mili giây thay vì 'nhanh' hoặc 'chậm'

ví dụ:

$('#myID').fadeIn(100, function() { 
    // complete 
}); 

Xem http://api.jquery.com/fadeIn/

+3

bạn cũng có thể đặt globaly tốc độ fx với $ .fx.speeds._default = 250; trong đó 250 là một phần nghìn giây –

+0

các tài liệu đã nói điều này, vì vậy tôi không cho rằng tôi có thể đặt các millisec của riêng mình: Các chuỗi 'nhanh' và 'chậm' có thể được cung cấp để cho biết thời lượng tương ứng là 200 và 600 mili giây. Nếu bất kỳ chuỗi nào khác được cung cấp hoặc nếu tham số thời lượng bị bỏ qua, thời lượng mặc định là 400 mili giây được sử dụng. – Michel

6

Ngoài 'chậm'/'nhanh', hàm fadeIn cũng phải mất một khoảng thời gian trong mili giây để bạn có thể làm cho nó mất lâu dài tuy nhiên bạn muốn:

$('#someId').fadeIn(3000); // 3 second fade in 
1

Tôi thực sự không biết làm thế nào chậm bạn muốn nó nhưng tôi recoomend một cái gì đó giữa 2500-4000

$('#Id').fadeIn(3500); 

Có chúng tôi đi

Các vấn đề liên quan