html - jquery slider and mouseover code -
सभी,
नीचे दिए गए कोड में,
& lt; html & gt; & Lt; शीर्ष & gt; & Lt; link type = "text / css" href = "http://jqueryui.com/latest/themes/base/ui.all.css" rel = "स्टाइलशीट" / & gt; & Lt; स्क्रिप्ट प्रकार = "टेक्स्ट / जावास्क्रिप्ट" src = "http://jqueryui.com/latest/jquery-1.3.2.js" & gt; & lt; / स्क्रिप्ट & gt; & Lt; स्क्रिप्ट src = "http://jqueryui.com/latest/ui/effects.core.js" & gt; & lt; / स्क्रिप्ट & gt; & Lt; script src = "http://jqueryui.com/latest/ui/effects.slide.js" & gt; & lt; / स्क्रिप्ट & gt; & Lt; शैली प्रकार = "टेक्स्ट / सीएसएस" & gt; #show {मार्जिन: 0 पिक्सेल; चौड़ाई: 100px; ऊंचाई: 80 पीएक्स; पृष्ठभूमि: हरा; सीमा: 1px ठोस काला; स्थिति: रिश्तेदार; } & Lt; / style & gt; & Lt; / head & gt; & LT; बॉडी & gt; & Lt; div id = "विवरण" onmouseover = "जावास्क्रिप्ट: टूलटिप (यह);" & gt; कीवर्ड & lt; / div & gt; & Lt; div id = "show" style = "display: none;" & gt; & lt; / div & gt; & Lt; / body & gt; & LT; स्क्रिप्ट & gt; फ़ंक्शन टूलटिप (एल) {$ ("# विवरण")। माउसओवर (फ़ंक्शन () {$ ("# शो")। शो ("स्लाइड", {}, 1000);}); } & Lt; / script & gt; & Lt; / html & gt;
कुंजीशब्द div पर माउस पर हरी ग्रिड बॉक्स को लगता है कि यह माउस पर ans को दिखाना चाहिए। इसे कैसे प्राप्त किया जाता है।
धन्यवाद .............
समस्या यह है कि mouseover फ़ंक्शन के भीतर कोड कभी निष्पादित नहीं होता है। जब एक माउसओवर भी होता है, तो jQuery को माउसओवर पर फ़ंक्शन को पुन: असाइन करने के लिए उपयोग किया जाता है, जबकि इसके बजाय इसे क्रियान्वित किया जाना चाहिए।
निम्न परिवर्तन करें:
- विवरण div से onmouseover निकालें :
& lt; div id = "details" & gt; कीवर्ड & lt; / div & gt;
- लिखने के द्वारा दस्तावेज़ लोड होने पर टूलटॉप फ़ंक्शन निष्पादित करें:
& lt; script & gt; $ (दस्तावेज़) .ready (फ़ंक्शन () {{$ ("# विवरण")। माउसओवर (फ़ंक्शन () {$ ("# शो")। शो ("स्लाइड", {}, 1000);});} & Lt; / script & gt;
Comments
Post a Comment