onmouseover

Question

If i move the mouse pointer to a link, submenus must be displayed... How to write a code using class file and aspx page

Niradhip Chakraborty · Answer

Personally i would use div and spans to show the various layers of your menu style display. The source shows 3 important bits :- 1) The CSS to show and hide the layers, intially set so all r hidden. .menutitle { cursor:hand; margin-bottom: 5px; background-color:#FFFFFF; color:#000000; width:200px; padding:2px; text-align:left; font-weight:bold; } .submenu { margin-bottom: 5px; } 2) The javascript that does all the work of showing/hiding the layers when the relevant function is called if (document.getElementById) { document.write (' 
'); document.write ('.submenu { display: none; }
'); document.write (' 
'); } /* This function hides or displays text contained in span tags within a div when each item is clicked on */ function switchMenu(menuNum) { if(document.getElementById) { var showThis = document.getElementById (menuNum); var hideThese = document.getElementById ("wholeThing").getElementsByTagName("span"); if(showThis.style.display != "block") { //for (var i=0; i // if (hideThese[i].className == "submenu") hideThese[i].style.display = "none"; //} showThis.style.display = "block"; }else showThis.style.display = "none"; } } 3)The html structure that is important is: - - The line above is the one that calls the showing/hiding function you could change this to onmouseout or something like that Paintwork - The hyperlink is just the style i used to show something clickable so that they had something to click on to display the layer. - The line above is the one that calls the showing/hiding function you could change this to onmouseout or something like that Paintwork - The hyperlink is just the style i used to show something clickable so that they had something to click on to display the layer. As you can see the only thing u need to change is the number at the end of sub to ensure the js works correctly and u can have as many submenus as you like!!! This code is compliant for all version 5/6 browsers that have javascript enabled.

onmouseover

Answers (1)