Jquery Fade Khi chuột gần với phần tử

Question

Tôi đang tìm một hiệu ứng như vậy khi tôi di chuyển chuột gần hơn thành phần tử, phần tử đó chuyển từ 0 độ mờ (ẩn) thành 100 độ mờ.

Tôi không tìm kiếm kết hợp mouseover/mouseout điển hình.

Độ mờ phải phụ thuộc vào khoảng cách chuột từ phần tử. Độ mờ sẽ tăng lên trong phạm vi 100px xung quanh phần tử cho đến khi chuột đến phần tử. Sau đó, nó sẽ là 100 opacity.

Có plugin nào hoạt động ở đây không?

Answer 1

Vâng, Approach là một plugin mà thực hiện chính xác những gì bạn mô tả,

Cách tiếp cận là một plugin jQuery rằng cho phép bạn để animate khách dựa trên sự gần gũi của con trỏ đến một đối tượng . Nó hoạt động theo cách rất giống với jQuery animate, tuy nhiên nó hoạt ảnh trên khoảng cách thay vì thời gian.

Bản trình diễn thứ hai trên main page trong các âm thanh cụ thể liên quan đến bạn.