बदलें कि "शीर्षक" विशेषता टूलटिप कितनी तेज़ दिखाई देती है

Question

क्या किसी तत्व के "शीर्षक" विशेषता से टूलटिप कितनी तेजी से बदलने का एक तरीका है? यदि टूलटिप तुरंत दिखाई देता है, तो मुझे यह पसंद आएगा, लेकिन लगता है कि यह कुछ सेकंड के लिए लगता है।

Comments

क्या यह ऑपरेटिंग सिस्टम और / या वेब-ब्राउज़र द्वारा निर्धारित नहीं किया जाएगा? जब तक आप अपने स्वयं के गतिशील टूलटिप को इस तरह लागू नहीं करते (लेकिन कम

— छिपा हुआ

निश्चित रूप से इस फीचर शड को html / css मानकों में जोड़ने का अनुरोध किया गया है।

— अरनौद

Answer 1

नहीं, कोई उपाय नहीं है। titleविशेषता एक ब्राउज़र निर्भर फैशन में कार्यान्वित किया जाता है। उदाहरण के लिए मुझे आईई और एफएफ के बीच अंतर याद है जब इसका उपयोग किया \r\nजाता है।

मोज़िला के डॉक्स सीमा और कार्यक्षमता को अच्छी तरह से समझाते हैं।

यदि आप अनुकूलन चाहते हैं तो आप तीसरे पक्ष के प्लगइन्स जैसे कि qTip2 पर एक नज़र डाल सकते हैं जो divs और सामान का उपयोग करके इसकी नकल करते हैं और आपको पूर्ण नियंत्रण प्रदान करते हैं।

Comments

यदि आप फाउंडेशन का उपयोग कर रहे हैं, तो उनके पास एक बहुत अच्छा टूलटिप घटक है: Foundation.zurb.com/docs/compitters/tooltips.html

— डैनी आर

Answer 2

आप सुझाए अनुसार jqueryUI का उपयोग कर सकते हैं। शो प्रॉपर्टी पर अवधि को नियंत्रित करने का एक उदाहरण:

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

Answer 3

Jquery UI टूलटिप अत्यंत सरल और अनुकूलन योग्य है: अपने पेज में jquery UI को बस डाउनलोड करें या शामिल करें।

यदि आप चाहते हैं कि आपके पृष्ठ के सभी टूलटॉप होवर पर तुरंत दिखें, तो बस इसका उपयोग करें:

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

ध्यान दें कि यह उन सभी तत्वों पर लागू होता है जिनके पास 'शीर्षक' विशेषता है। आप केवल एक वर्ग को प्रभावित करने के लिए चयनकर्ता को संशोधित कर सकते हैं, और कस्टम गति या प्रभाव सेट कर सकते हैं:

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

Answer 4

डिफ़ॉल्ट ब्राउज़र का टूलटिप कितनी तेजी से दिखाई देता है, इसे बदलना संभव नहीं है, लेकिन आप टूलटिप प्लग इन में से किसी एक का उपयोग कर सकते हैं (यहाँ कुछ इस प्रकार है: http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/ ) जहां आप देरी सहित बहुत सी चीजों को अनुकूलित कर सकते हैं।

Comments

दिए गए लिंक में कोई टूलटिप प्लगइन नहीं मिला।

— T30

हाँ - लिंक मर जाते हैं, हालांकि .. गूगल: स्टाइलिश-

— जक्वरी

Answer 5

TippyJS में एक बिलियन कस्टमाइज़ेशन विकल्प हैं।

https://atomiks.github.io/tippyjs

https://github.com/atomiks/tippyjs