Làm cách nào để thay đổi màu văn bản với jQuery?


157

Khi tôi di chuột một văn bản với hình ảnh động chắc chắn tôi sẽ sử dụng jQuery. Có một mã sẽ thay đổi màu sắc, hoặc kích thước?


14
Lưu ý bên lề - bất kỳ kiểu dáng nào bạn có thể làm với CSS bạn có thể xử lý với jQuery.
Corey Ballou

Câu trả lời:


305

Đặt phần sau vào mouseovertrình xử lý sự kiện jQuery của bạn :

$(this).css('color', 'red');

Để đặt cả màu sắc và kích thước cùng một lúc:

$(this).css({ 'color': 'red', 'font-size': '150%' });

Bạn có thể đặt bất kỳ thuộc tính CSS nào bằng .css() hàm jQuery .


@dan cả hai câu lệnh là cú pháp hợp lệ: xem api.jquery.com/css . (Và cả hai đều hoạt động khi tôi thử chúng.)
Carl Sharman

6

Hoặc bạn có thể làm như sau

$(this).animate({color:'black'},1000);

Nhưng bạn cần tải về plugin màu từ đây .


4

Ngày nay, màu văn bản hoạt hình được bao gồm trong jQuery Effects Effects Core. Nó khá nhỏ. Bạn có thể thực hiện tải xuống tùy chỉnh tại đây: http://jqueryui.com/doad - nhưng bạn thực sự không cần bất cứ thứ gì ngoại trừ lõi hiệu ứng (thậm chí không phải lõi UI) và nó cũng mang đến các chức năng nới lỏng khác nhau.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.