jquery, Hiển thị một mục bị ẩn với một fadeIn

Question

trong jquery, làm thế nào tôi có thể hiển thị một div ẩn, và làm cho nó mờ dần?

Answer 1

Chỉ cần che giấu yếu tố ban đầu, ether với .hide() hoặc style="display: none;" (hoặc display: none; trong biểu định kiểu). Sau đó, chỉ cần gọi .fadeIn(), như thế này:

$("#elementID").fadeIn(); 

Cuộc gọi .fadeIn() tự động loại bỏ các display: none khi nó mất dần Opacity 100%, nó sẽ không loại bỏ visibility: hidden; do đó, không sử dụng này, hoặc bạn' sẽ phải gỡ bỏ nó bằng tay.

Answer 2

$("selector_for_your_div").fadeIn("slow"); 

Đối với sự soi sáng của bạn, tài liệu hướng dẫn cho tất cả các gói jQuery hiệu ứng hình ảnh động/công cụ nằm tại địa chỉ:
http://api.jquery.com/category/effects/

Xem:Jquery Documentation for fadeIn()

Answer 3

Sử dụng fadeIn():

$('#hiddendiv').fadeIn(); 

Bạn có thể thay đổi trong suốt thời gian của fadeIn:

$('#hiddendiv').fadeIn(1000); // 1000 ms 

Answer 4

Sử dụng fadeIn

$("selector").fadeIn(); 

Display thảm các yếu tố được làm nhai bằng cách làm mờ các số chúng thành mờ đục.

Để ẩn nó trở lại bất cứ lúc nào, bạn có thể sử dụng:

Lưu ý rằng ban đầu bạn nên che giấu nó bằng cách sử css hoặc jquery.

fadeOut

Answer 5

selector .fadeIn (tốc độ trong miliseconds) là chức năng bạn đang tìm kiếm.

Nếu bạn muốn div giữ lại không gian của nó khi không nhìn thấy kiểu sử dụng = "opacity: 0;" thay vì hiển thị: không có;

Answer 6

Chỉ cần một bình luận thêm để Nick Craver câu trả lời hoàn hảo:

Nếu bạn yếu tố đã có một thuộc tính hiển thị (ví dụ display: block), không thay thế mà với display: none. Thay vào đó, chỉ cần thêm một thuộc tính hiển thị bổ sung. Chỉ cần đảm bảo thêm display: none sau (dưới) thuộc tính display khác. Khi một thuộc tính được lặp lại, giá trị cuối cùng sẽ được ưu tiên.

.class { 
    ... 
    display:block; 
    display:none; 
} 

Phần tử của bạn lúc đầu sẽ bị ẩn (vì thuộc tính hiển thị thứ hai). Ngay sau khi fadeIn() bắt đầu nó sẽ loại bỏ display: none nhưng sẽ không chạm vào màn hình đầu tiên (hiển thị: block trong ví dụ của tôi).Thuộc tính hiển thị đầu tiên sau đó sẽ được sử dụng để tạo kiểu cho lớp trong khi nó đang mờ dần và giữ nguyên sau khi fadeIn() được thực hiện.