2011-01-26 51 views
7

Tôi đang xây dựng một trò đùa nhỏ cho một công ty. Họ muốn một tính năng mà con trỏ chuột sẽ thay đổi ngẫu nhiên vị trí khi người dùng di chuột qua một hình ảnh nhất định.Di chuyển chuột con trỏ Javascript

Điều này có thể xảy ra trong Javascript không? Làm thế nào tôi sẽ thực hiện nó?

Cảm ơn!

+3

Ngoài ra, tôi biết đây là một tính năng thực sự gây phiền nhiễu, nhưng đó là những gì khách hàng muốn. –

+0

Vì vậy, những gì mà bạn đang đề xuất lựa chọn thay thế cho yêu cầu khủng khiếp này mà bạn đã không thuyết phục khách hàng? –

Trả lời

33

Bạn không thể ... nhưng bạn có thể - theo cách nào đó.

Những gì bạn có thể làm để bắt chước hành vi này là bạn có thể ẩn con trỏ thực với css cursor: none và sau đó tạo hình ảnh đại diện cho con trỏ trông giống nhau và sẽ được đặt ở vị trí của con trỏ thực. Sau đó, người dùng sẽ di chuyển chuột, bạn phải cập nhật vị trí của hình ảnh con trỏ và áp dụng các thay đổi vị trí ngẫu nhiên như bạn muốn - mặc dù lưu ý rằng khi người dùng cuộn ra ngoài cửa sổ nội dung trình duyệt (trên các điều khiển hoặc bên ngoài trình duyệt) họ sẽ đưa con trỏ chuột của họ trở lại vị trí thực và con trỏ của bạn sẽ bị kẹt ở vị trí cuối cùng của nó.

Cách duy nhất bạn có thể kéo trò đùa này ra ngoài. Chúc may mắn với nó và hy vọng họ sẽ thích nó;)

PS.

đảo ngược hướng di chuyển chuột có thể hài hước cũng như:>

+0

Câu trả lời tuyệt vời Tom, cảm ơn. –

+6

Tại sao bạn lại kích hoạt loại phát triển này? Tôi cần phải đốt cháy anh, Tom. –

+2

Cháy? Một chút khắc nghiệt. – 472084

1

Bạn không thể di chuyển con trỏ chuột.

Bạn có thể di chuyển trang hoặc hình ảnh có liên quan đến vị trí của con trỏ, điều này có thể làm cho nó trông giống như con trỏ di chuyển khi nó không di chuyển?

0

Bạn có thể thay đổi con trỏ của bạn với biểu tượng tùy chỉnh vô hình, và sau đó tạo ra một con trỏ giả và di chuyển nó.

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