"Thay đổi hình ảnh chuột"

(Traidatmui.com) – Chuột là một công cụ giúp chúng ta chọn các lệnh trong máy tính hay click vào các đường link khi lướt web. Mỗi máy tính có mặc định sẳn hình ảnh cho chú chuột tùy theo người dùng. Vậy làm sao ta có thể thay đổi hình ảnh của các chú chuột đó khi họ vào trang blog hay web của chúng ta? Hình ảnh của chú chuột cũng tạo nên sự thích thú cho độc giả và làm blog sinh động hơn. Mình sẽ giới thiệu cho các bạn cách thay đổi hình ảnh chuột máy tính trên blogspot.

1. Đăng nhập vào tài khoản blogger
2. Thêm 1 HTML/Javascript và thêm đoạn mã bên dưới vào
<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/blkglitwrkbgnd.ani"), url("http://lh5.ggpht.com/_TaHzV-QgYq0/S17G6-QTLDI/AAAAAAAAFRE/opaLpGQugtU/redglitter.gif"), auto;}</style>

Bạn chỉ việc thay ảnh trong code trên thành hình ảnh mà mình thích là xong, dòng màu đỏ trong code trên.

Bây giờ mình cũng chia sẽ cho bạn cách tạo hiệu ứng cho chuột khi rê vào link. Bạn hãy thực hiện 2 bước trên và thêm code bên dưới vào HTML/Javascript đó, bạn cũng có thể thêm 2 code trên vào cùng một HTML/Javascript.
<style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/butterflyani1.cur"), url("http://lh5.ggpht.com/_TaHzV-QgYq0/S17G632P9HI/AAAAAAAAFRA/ArKIi6ah1Fo/redglitlnkslct.gif"), auto;}</style>

Bạn cũng thay link ảnh chuột theo ý bạn (http://lh5.ggpht.com/_TaHzV-QgYq0/S17G632P9HI/AAAAAAAAFRA/ArKIi6ah1Fo/redglitlnkslct.gif) tương tự như trên và save lại là xong.

Ở trên mình đã giới thiệu cho bạn cách thay đổi hình ảnh của chuột trên nền blog và khi rê vào link. Bây giờ mình sẽ hướng dẫn thêm bạn cách để thay đổi chú chuột đó ở từng đoạn văn bản nhất định.

Ví dụ bạn muốn đoạn văn bản (CHÚC BẠN CÓ MỘT NGÀY NHIỀU NIỀM VUI VÀ MAY MẮN) sẽ có hình ảnh chuột khác (ở đây là dấu hỏi) khi rê chuột vào đoạn văn bản đó, bạn viết mã HTML cho nó như bên dưới:

Live Demo: CHÚC BẠN CÓ MỘT NGÀY NHIỀU NIỀM VUI VÀ MAY MẮN
<span style="cursor: help;">CHÚC BẠN CÓ MỘT NGÀY NHIỀU NIỀM VUI VÀ MAY MẮN</span>

Để có thể thay đổi nhiều hình dạng khác nhau cho chuột bạn có thể chọn một số hình dạng bên dưới và thay code màu đỏ ở trên thành code của những chú chuột tương ứng.

Một số hình ảnh chuột

cursor:move

cursor:text

cursor:help

cursor:pointer;cursor:hand

cursor:wait

cursor:s-resize

cursor:pointer

cursor:crosshair


Dưới đây là bộ sưu tập ảnh những chú chuột độc đáo, bạn có thể tải về và chọn chú chuột bạn thích và upload lên host để lấy link.


- Bộ sưu tập 1 tại đây
- Bộ sưu tập 2 tại đây
- Bộ sưu tập 3 tại đây

Chúc bạn thành công

Xem khác cùng chủ đề

Bạn nhập từ: cungly Bạn nhập từ: lleu Bạn nhập từ: kkrong Bạn nhập từ: cuoilon Bạn nhập từ: roile Bạn nhập từ: hehehe Bạn nhập từ: byebye Bạn nhập từ: idontknow Bạn nhập từ: votay more »

Giải pháp bán hàng online Số 1 Việt Nam
Lên đầu trang Xuống cuối trang