ฉันจะเปลี่ยนสีข้อความด้วย jQuery ได้อย่างไร


157

เมื่อฉันวางข้อความด้วยภาพเคลื่อนไหวฉันจะใช้ jQuery มีรหัสที่จะเปลี่ยนสีหรือขนาดหรือไม่?


14
หมายเหตุด้านข้าง - สไตล์ที่คุณสามารถทำได้ด้วย CSS ที่คุณสามารถจัดการกับ jQuery
คอเรย์ Ballou

คำตอบ:


305

วางต่อไปนี้ในการmouseoverจัดการเหตุการณ์jQuery ของคุณ:

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

ในการตั้งค่าทั้งสีและขนาดในเวลาเดียวกัน:

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

คุณสามารถตั้งค่าแอตทริบิวต์ CSS ใด ๆ โดยใช้ฟังก์ชั่น.css() jQuery


@dan งบทั้งสองมีไวยากรณ์ที่ถูกต้อง: ดูapi.jquery.com/css (และพวกเขาทั้งสองทำงานเมื่อฉันลองพวกเขา)
Carl Sharman

6

หรือคุณอาจทำสิ่งต่อไปนี้

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

แต่คุณต้องดาวน์โหลดปลั๊กอินสีจากที่นี่


4

ทุกวันนี้สีข้อความเคลื่อนไหวจะรวมอยู่ใน jQuery UI Effects Core มันค่อนข้างเล็ก คุณสามารถทำการดาวน์โหลดแบบกำหนดเองได้ที่นี่: http://jqueryui.com/download - แต่คุณไม่ต้องการอะไรเลยนอกจากเอฟเฟกต์คอร์ตัวเอง (ไม่ใช่แม้แต่คอร์ UI) และมันมาพร้อมกับฟังก์ชั่นการผ่อนคลายที่แตกต่างเช่นกัน

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.