बिना किसी देरी के स्वचालित रूप से शीर्षक पॉपअप

Question

कोई जेएस ऑनक्लिक फ़ंक्शन करने का कोई मौका है, यदि कोई व्यक्ति उस आइकन पर स्वचालित रूप से क्लिक करेगा, तो शीर्षक टेक्स्ट दिखाया जाएगा, या जब कोई उस पर माउस ले जाएगा, तो शीर्षक किसी के बिना दिखाया जाएगा देरी? अभी तत्व के लिए शीर्षक 1 सेकंड के बाद आता है।

Answer 1

आप title विशेषता टेक्स्ट वाले टूलटिप्स को प्रदर्शित करने के तरीके के डिफ़ॉल्ट ब्राउज़र व्यवहार को ओवरराइड करने में सक्षम नहीं होंगे, लेकिन आप div को प्रासंगिक टेक्स्ट (दृष्टिकोण) को दिखाने और छिपाने के लिए इस अन्य प्रश्न के चरणों का पालन कर सकते हैं। jQuery का उपयोग करता है और होवर के साथ सौदों का उपयोग करता है, लेकिन click हैंडलर जोड़ना बहुत अधिक नहीं है)।

jQuery Hide/Show with Slide on Hover... better way to do this?

Answer 2

आप इस, शुद्ध सीएसएस कोशिश कर सकते हैं, बिना js:

HTML:

<div class="hover"> 
    Hover Me 
    <div class="tooltip"> 
     Tooltip goes here 
    </div> 
</div>​ 

सीएसएस:

.hover{ 
    border:1px solid black; 
    text-align:center; 
    width:150px; 
    position:relative; 
} 

.tooltip{ 
    display:none; 
    position:absolute; 
    border:1px solid red; 
    border-radius: 5px; 
    padding:5px; 
    top:-10px; 
    left:200px; 
    width: 300px; 
} 

.hover:hover .tooltip{ 
    display:block; 
}​ 

http://jsfiddle.net/kamil335/qGTUc/

Answer 3

I just answered the same question

आपको अपना टूलटिप बनाना होगा। आप जावास्क्रिप्ट की जरूरत नहीं है, शुद्ध सीएसएस पर्याप्त है:

.tooltip { 
 
    display: none; 
 
    position: absolute; 
 
    background: #ffe; 
 
    border: 1px solid #eed; 
 
    border-radius: 4px; 
 
    padding: 2px 4px; 
 
} 
 
:hover + .tooltip { 
 
    display: block; 
 
} 
 
body { font-family: sans-serif; }

<div>Hover for tooltip</div> 
 
<span class="tooltip">Tooltip text goes here</span>

jsfiddle.net/v655C