Trỏ chuột khi rê vào từng đối tượng

[baivong]

Trỏ chuột sẽ hiển thị hình ảnh khác nhau khi rê vào từng đối tượng khác nhau
Thay vào CSS và nhớ tìm link ảnh thêm vào nhé!

Code:


a:hover {cursor: url("Link ảnh 1.cur"), progress;}
body, a {cursor: url("Link ảnh 2.cur"), progress;}
input {cursor: url("Link ảnh 3.cur"), progress;}
img {cursor: url("Link ảnh 4.cur"), progress;}


Demo: http://cfviet.co.cc Bạn thử rê chuột vào liên kết, vào ô đăng nhập, vào hình ảnh để xem thay đổi nhé.
P/s: Ai có phát kiến gì về đối tượng mới thì chia sẽ nha.

(Bài viết có tham khảo từ c3z.co.cc)

[baivong]

Vài trang cung cấp trỏ chuột:
http://www.totallyfreecursors.com/
http://cursors.funutilities.com/cursors/01/Cursors.html
http://www.123cursors.com/
http://www.cursors-4u.com/
http://www.cursorpedia.com/cursors/
http://www.rw-designer.com/cursor-library
http://freecursors.info/
http://www.myspacecursor.net

[baivong]

Có một điều tớ ko hiểu là, tại sao link trỏ chuột trong code này:

Code:

body, a {cursor: url("Link ảnh 2.cur"), progress;}

...lại ko hiển thị với khách viếng thăm (cả IE lẫn FF đều như vậy)

[bubu]

Cho vào lỗi 4rum
a:hover {cursor: url("http://www.rw-designer.com/cursor-view/7130.png"), progress;}
body, a {cursor: url("http://www.rw-designer.com/cursor-view/7139.png), progress;}
input {cursor: url("http://www.rw-designer.com/cursor-view/7141.png"), progress;}
img {cursor: url("http://www.rw-designer.com/cursor-view/7143.png"), progress;}


Sửa hộ mình cái

[baivong]

Kiếm link ảnh *.cur ấy bạn, code này forum mình đang dùng rất ổn

[bubu]

http://www.rw-designer.com/cursor-set/glow

Đây bạn ghép vào code hộ mình cái ^^ ! CHọn dc cái này

[baivong]

http://www.rw-designer.com/cursor-set/glow

Đây bạn ghép vào code hộ mình cái ^^ ! CHọn dc cái này

Tớ chả biết up ảnh *.cur lên host nào cả @.@
Lấy ở đây đi, chép đoạn code mà nó cho về, nhưng chỉ lấy cái link ảnh *.cur trong đó thôi và ghép vào đoạn code tớ đưa là được.
http://www.cursors-4u.com/

[bubu]

bạn lói thế thì bố tớ cũng ko hiểu dc .. Híc

[baivong]

Đã update một vài bộ trỏ chuột đẹp tại: http://cfviet.co.cc/forum-f37/topic-t869.htm#1966

[baivong]

Cái mộ này lâu nay không được phát triển như mong đợi

[talàvipnhất]

mệch , dùng cách củ cho rồi

[bubu]

Lấy link ảnh .cur ở đâu hả bạn ở Chịu

[baivong]

Chèn code này vào header

Bộ trỏ chuột MapStory 1

Code:

<style type="text/css">
a:hover {cursor: url("http://www.fileden.com/files/2010/4/14/2827429/gam314.cur"), progress;}
body, a {cursor: url("http://www.fileden.com/files/2010/4/14/2827429/gam317.cur"), progress;}
input {cursor: url("http://www.fileden.com/files/2010/4/14/2827429/gam313.cur"), progress;}
img {cursor: url("http://www.fileden.com/files/2010/4/14/2827429/gam316.cur"), progress;}
</style>

Bộ trỏ chuột MapStory 2

Code:

<style type="text/css">
a:hover {cursor: url("http://www.fileden.com/files/2010/4/14/2827429/gam310.cur"), progress;}
body, a {cursor: url("http://www.fileden.com/files/2010/4/14/2827429/gam309.cur"), progress;}
input {cursor: url("http://www.fileden.com/files/2010/4/14/2827429/gam1088.cur"), progress;}
img {cursor: url("http://www.fileden.com/files/2010/4/14/2827429/gam326.cur"), progress;}
</style>

Link gốc: http://cfviet.co.cc/forum-f37/topic-t869.htm

[bubu]

bạn chỉ cách up Ảnh .cur đi

[baivong]

bạn chỉ cách up Ảnh .cur đi

vào trang http://www.fileden.com đăng ký 1 tài khoản, và up lên đó.

[K-Xmen]

Topic này chán thật , chỉ có bạn BUBU và battuvuong Relpy nhiều , ai vào Reply cho đông vui nào , cái này mình thấy cũng rất hay , nhưng chỉ nên dùng ít chuột thôi , chuột nhiều quá thì..... mắt "lé" mất

[Sponsored content]