เปลี่ยนความเร็วของคำแนะนำเครื่องมือของแอตทริบิวต์ "title"

มีวิธีเปลี่ยนความรวดเร็วของคำแนะนำเครื่องมือจากแอตทริบิวต์ "title" ขององค์ประกอบหรือไม่ ฉันต้องการถ้าคำแนะนำเครื่องมือปรากฏขึ้นทันที แต่ดูเหมือนว่าจะใช้เวลาสักครู่

ไม่มีไม่มีทาง titleแอตทริบิวต์จะดำเนินการในรูปแบบขึ้นอยู่กับเบราว์เซอร์ ตัวอย่างเช่นฉันจำความแตกต่างระหว่าง IE และ FF เมื่อใช้\r\nภายใน

เอกสารของ Mozillaอธิบายขีด จำกัด และการทำงานได้ดี

หากคุณต้องการปรับแต่งคุณสามารถดูปลั๊กอินของบุคคลที่สามเช่นqTip2ซึ่งเลียนแบบโดยใช้ div และสิ่งต่างๆและให้คุณควบคุมได้เต็มที่

คุณสามารถใช้ jqueryUI ตามที่แนะนำ ตัวอย่างการควบคุมระยะเวลาในคุณสมบัติการแสดง:

$( ".selector" ).tooltip({ show: { effect: "blind", duration: 800 } });

คำแนะนำเครื่องมือ Jquery UIนั้นง่ายมากและปรับแต่งได้: เพียงดาวน์โหลดหรือรวม jquery UI ในหน้าของคุณ

หากคุณต้องการให้คำแนะนำเครื่องมือทั้งหมดของเพจของคุณแสดงทันทีที่วางเมาส์เหนือสิ่งนี้ให้ใช้สิ่งนี้:

$(document).tooltip({show: null});

โปรดทราบว่าสิ่งนี้ใช้กับองค์ประกอบทั้งหมดที่มีแอตทริบิวต์ "title" คุณสามารถแก้ไขตัวเลือกเพื่อให้มีผลเฉพาะคลาสและตั้งค่าความเร็วหรือเอฟเฟกต์แบบกำหนดเอง:

$('.yourClass').tooltip({show: {effect:"none", delay:0}});

เป็นไปไม่ได้ที่จะเปลี่ยนความรวดเร็วของคำแนะนำเครื่องมือของเบราว์เซอร์เริ่มต้น แต่คุณสามารถใช้หนึ่งในปลั๊กอินคำแนะนำเครื่องมือ (มีไม่กี่ปลั๊กอิน: http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/ ) ซึ่งคุณสามารถปรับแต่งสิ่งต่างๆได้มากมายรวมถึงการหน่วงเวลา

TippyJS มีตัวเลือกการปรับแต่งเป็นพันล้าน

https://atomiks.github.io/tippyjs

https://github.com/atomiks/tippyjs