मैं सवाल के नीचे एक div में / बाहर वर्णनात्मक पाठ फीका करने के लिए काम कर Jquery कोड मिल गया है। समस्या? समाधान बहुत सुंदर नहीं है। यहाँ "मैं क्या है" मिल गया है:
$("#home").mouseover(function() {
$("#homeText").fadeIn("slow");
});
$("#homeText").mouseout(function() {
$("#homeText").fadeOut();
});
मुझे पता है कि ऐसा करने के लिए बेहतर तरीका है, मुझे यकीन नहीं है कि यह क्या है।
उत्तर:
उत्तर № 1 के लिए 21आप होवर का उपयोग कर सकते हैं, पहला फ़ंक्शन "होवर ओवर" पर कार्य करेगा और दूसरा "होवर आउट" पर कार्य करेगा
प्रलेखन यहाँ स्थित है: http://docs.jquery.com/Events/hover
$("#home").hover(function(){
$("#homeText").fadeIn("slow");
},
function(){
$("#homeText").fadeOut();
});
जवाब के लिए 6 № 2
3 लाइनों के बारे में कैसे?
<script>
$(function () {
$("#home").hover(function() {
$("#homeText").fadeToggle("slow");
});
});
</script>
सुरुचिपूर्ण पर्याप्त?
जवाब के लिए 2 № 3
जॉन, महान सलाह! मैं एक घूर बिंदु के रूप में इस्तेमाल किया, हालांकि अधिक पूर्ण समाधान के लिए। सिर्फ मूल होवर के साथ ऐसा करने से अभी भी मुझे एकल मेनू आइटम के लिए एक हॉवर कॉल के साथ छोड़ दिया जाएगा। अतिरेक कोड। इसलिए आपने जो सुझाव दिया, उसका उपयोग करते हुए, मैं इसे लेकर आया:
$(".topMenu").hover(function()
{
$("#_"+this.id).fadeIn("slow");
},
function ()
{
$("#_"+this.id).fadeOut();
});
});
सभी मेनू आइटम को टॉपमेनू क्लास और आईडी दिया गया है। प्रदर्शित करने के लिए संबंधित div मेनू आइटम के रूप में एक ही आईडी है, बस _ के साथ उपसर्ग किया गया है उदाहरण: ....
हमारे बारे में सामग्री!...
धन्यवाद!
जवाब के लिए 2 № 4
$(function () {
$("#home").hover(function() {
$("#homeText").fadeIn("slow");
});
$("#home").mouseout(function() {
$("#homeText").fadeOut("slow");
});
});