javascript - html menu lists -
सभी,
& lt; html & gt; & Lt; ul class = "menu" & gt; & Lt; li & gt; & Lt; a href = "" & gt; हैडर & lt; / a & gt; & Lt; ul class = "submenu" & gt; & Lt; li & gt; & lt; आईएमजी src = "" / & gt; लिंक 1 & lt; / li & gt; & Lt; li & gt; & lt; आईएमजी src = "" / & gt; लिंक 2 & lt; / li & gt; & Lt; / ul & gt; & Lt; / li & gt; & Lt; / ul & gt; & Lt; / html & gt;
क्या कोड बदला जा सकता है, जैसे कि link1 और link2 माउस पर दिखाई देगा ....
सीएसएस या जे एस के साथ?
यहां सीएसएस के साथ:
& lt; html & gt; & Lt; शीर्ष & gt; & Lt; शैली प्रकार = "टेक्स्ट / सीएसएस" & gt; Li: हॉवर & gt; उल {प्रदर्शन: ब्लॉक; } .submenu {display: none; } & Lt; / style & gt; & Lt; / head & gt; & LT; बॉडी & gt; & Lt; ul class = "menu" & gt; & Lt; li & gt; & Lt; a href = "" & gt; हैडर & lt; / a & gt; & Lt; ul class = "submenu" & gt; & Lt; li & gt; & lt; आईएमजी src = "" / & gt; लिंक 1 & lt; / li & gt; & Lt; li & gt; & lt; आईएमजी src = "" / & gt; लिंक 2 & lt; / li & gt; & Lt; / ul & gt; & Lt; / li & gt; & Lt; / ul & gt; & Lt; / body & gt; & Lt; / html & gt;
लेकिन यह शायद आईई 6 और कम में काम नहीं करता है (धन्यवाद एंडी ई) क्योंकि : होवर
छद्म चयनकर्ता को अन्य चयनकर्ताओं के साथ एक
।
बेहतर दृष्टिकोण हैं परंतु आपका प्रश्न बहुत विशिष्ट नहीं है, यह मेरा समाधान है।
संपादित करें: यह होगा हो
<पूर्व> ली: हॉवर + उल {प्रदर्शन: ब्लॉक; }
।
ध्यान रखें कि यह हर ब्राउज़र के साथ काम नहीं करेगा। लेकिन आपको बहुत सी जानकारी मिलेगी जो सीएसएस तत्वों को इंटरनेट में कौन से ब्राउज़र द्वारा समर्थित हैं।
Comments
Post a Comment