I have some drop down menus on my homepage, [url]www.fgispirit.org/index-newest.htm[/url], but after you mouse over them the background color changes, but when you move the mouse off of the buttons and back on again they do not change anymore, this is probably kind of confusing, please go to the site and see for yourself. Thanks for any help you can give me!
@PeOfEoDec 17.2004 — #Well your menu code is very very dirty. Your probelm is you are not setting the color back in onmouseout. Let me get some of my menu code here:
This is the jsfile. It is ddmenu.js <i> </i>function showmenu(elmnt) { document.getElementById(elmnt).style.visibility = "visible"; } function hidemenu(elmnt) { document.getElementById(elmnt).style.visibility = "hidden"; }
Then when the mouse goes over the element to show the menu you say something like: <i> </i><div id="ddm" onmouseover="showmenu('lstddm');" onmouseout="hidemenu('lstddm'); "> <a href="backupmenu.aspx">Backup menu for those with no java script</a></br> <div class="tblmenu" id="lstddm"> <div> <a href="someplace1">someplace</a><br> <a href="somplace2">someplace</a> </div> </div> </div>
That is all there is to my drop down menu. To change the colors do something like this. <i> </i><div id="ddm" onmouseover="showmenu('lstddm');style.backgroundColor='#84C1DF'" onmouseout="hidemenu('lstddm'); style.backgroundColor='#00000'"> <a href="backupmenu.aspx">Backup menu for those with no java script</a></br> <div class="tblmenu" id="lstddm"> <div> <a href="someplace1">someplace</a><br> <a href="somplace2">someplace</a> </div> </div> </div> Where the background is naturally black.