2009-08-08 25 views
71

Sử dụng JQuery animate Tôi muốn hoạt động với các lớp css, được định nghĩa ở đâu đó trong tệp .css, không phải cung cấp tất cả các tham số kiểu cho jquery.animate() một cách rõ ràng .jQuery.animate() chỉ với lớp css, không có kiểu rõ ràng

Tôi có thể tạo phần tử giả (ví dụ: vô hình) với một lớp như vậy, đọc thuộc tính css của nó và đưa chúng đến jquery.animate() - có ai biết cách nào tốt hơn không?

Trả lời

78

jQueryUI cung cấp phần mở rộng cho hàm animate cho phép bạn tạo hoạt ảnh cho lớp css.

chỉnh sửa: Ví dụ here

Ngoài ra còn có phương pháp để thêm/xóa/chuyển lớp mà bạn cũng có thể quan tâm

+0

Tôi nghĩ tiện ích mở rộng này chỉ cung cấp hỗ trợ cho các thuộc tính css bổ sung. Bạn có thể cung cấp liên kết đến tài liệu về hành vi này không? – Scharrels

+2

http://jqueryui.com/docs/switchClass/ – redsquare

+0

NB Không có trong chrome iirc – redsquare

4

Check-out animateToSelector

Giới thiệu James Padolsey của: jQuery plugin này sẽ cho phép bạn animate bất kỳ yếu tố để phong cách quy định tại stylesheet của bạn. Tất cả các bạn phải làm là chuyển bộ chọn và plugin sẽ tìm bộ chọn đó trong Biểu định kiểu của bạn và sau đó sẽ áp dụng nó làm hoạt ảnh.

1

Trong nhiều trường hợp, bạn nên sử dụng hiệu ứng chuyển tiếp CSS. cho điều này, và trong các trình duyệt cũ, việc nới lỏng sẽ đơn giản là ngay lập tức. Hầu hết các hình động (như mờ dần vào/ra) đều rất tầm thường để thực hiện và trình duyệt thực hiện tất cả các công việc của bạn. https://developer.mozilla.org/en/docs/Web/CSS/transition

+0

Liên kết này bị hỏng ngay bây giờ: ( – Evildonald

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