javascript - Sliding menu on mouse over -
सभी,
निम्न कोड में
& lt; body & gt ; & Lt; div id = "slidemenubar" & gt; & Lt; a href = "" & gt; 1 & lt; / a & gt; & Lt; / div & gt; & lt; br & gt; & Lt; div id = "slidemenubar2" & gt; & Lt; a href = "" & gt; 2 & lt; / a & gt; & Lt; / div & gt; & Lt; / body & gt; हाइपरलिंक्स 3 & lt; br & gt;
, 4 & lt; br & gt;
पर माउस पर, 5 को दाहिनी ओर दिखाया जाना चाहिए (
स्लाइडिंग मेनू की तरह)
2 6 पर माउस पर & lt; br & gt;
, 7 को स्लाइडिंग मेनू में दिखाया जाना चाहिए और नया मेनू दाहिनी ओर से नीचे या ऊपर । यू के किसी भी कृपया मुझे कोड दें या इसके लिए एक उदाहरण लिंक का संकेत दें।
धन्यवाद ..............
मुझे लगता है कि आपको इस लिंक पर क्या चाहिए:
लिंक पर आप उस कोड को अपडेट कर सकते हैं जो वेबसाइट बहुत अच्छी है
यदि आप लिंक नहीं खोल सकते हैं, तो यहां कोड है:
& lt; html & gt; & Lt; शीर्ष & gt; & LT; शैली & gt; Body {font-family: arial;} a {color: black; text-decoration: none; font: bold} a: hover {color: # 606060} td.menu {background: lightblue} table.nav {background: black; स्थिति: रिश्तेदार; फ़ॉन्ट: बोल्ड 80% एरियल; शीर्ष: 0px; बाएं: -135px; } & Lt; / style & gt; & Lt; स्क्रिप्ट प्रकार = "टेक्स्ट / जावास्क्रिप्ट" & gt; Var I = -135; Var intHide; Var गति = 3; फ़ंक्शन शोमेनू () {स्पष्ट अंतराल (intHide); intShow = setInterval ( "शो ()", 10); } फ़ंक्शन हिडिमानु () {स्पष्ट अंतराल (इंटशॉ); intHide = setInterval ( "छिपाने ()", 10); } फ़ंक्शन शो () {if (i & lt; -12) {i = i + speed; document.getElementById ( 'myMenu') style.left = मैं। }} फ़ंक्शन छिपाने () {if (i & gt; -135) {i = i-speed; document.getElementById ( 'myMenu') style.left = मैं। }} & Lt; / script & gt; & Lt; / head & gt; & LT; बॉडी & gt; & Lt; तालिका id = "myMenu" class = "nav" width = "150" onmouseover = "showmenu ()" onmouseout = "hidemenu ()" & gt; & Lt; tr & gt; & lt; td वर्ग = "मेनू" & gt; & lt; a href = "/ default.asp" & gt; HOME & lt; / a & gt; & lt; / td & gt; & Lt; td rowspan = "5" align = "center" bgcolor = "# ff8080" & gt; एम एंड एलटी; br / & gt; ई & lt; br / & gt; एन & lt; br / & gt; यू & lt; / td & gt; & lt; / tr & gt; & Lt; tr & gt; & lt; td वर्ग = "मेनू" & gt; & lt; a href = "/ asp / default.asp" & gt; एएसपी & lt; / a & gt; & lt; / td & gt; & lt; / tr & gt; & Lt; tr & gt; & lt; td वर्ग = "मेनू" & gt; & lt; a href = "/ js / default.asp" & gt; जावास्क्रिप्ट & lt; / a & gt; & lt; / td & gt; & lt; / tr & gt; & Lt; tr & gt; & lt; td वर्ग = "मेनू" & gt; & lt; a href = "default.asp" & gt; डीएचटीएमएल & lt; / a & gt; & lt; / td & gt; & lt; / tr & gt; & Lt; tr & gt; & lt; td वर्ग = "मेनू" & gt; & lt; a href = "/ vbscript / default.asp" & gt; वीबीस्क्रिप्ट & lt; / a & gt; & lt; / td & gt; & lt; / tr & gt; & Lt; / तालिका & gt; & Lt; p & gt; MENU पर माउस को मेनू दिखाने / छिपाने के लिए & lt; / p & gt; & Lt; p & gt; स्क्रिप्ट में "गति" चर को बदलने की कोशिश करें, मेनू की स्लाइडिंग गति बदलने के लिए & lt; / p & gt; & Lt; / body & gt; & Lt; / html & gt;
Comments
Post a Comment