Jump to content

menus sliding on mouse over


aadimalli

Recommended Posts

We can do this by using JavaScript Events that are triggereed by the "onmouseover" and "onmouseout" events :)This illustrates the point though it's useless as such:

<html>	<body onload="document.getElementById('menu').style.display = 'none'">		<div align="left" style="color: #FFFFFF; background-color: #000099; text-align: center; width: 200px; padding: 3px;" onmouseover="getElementById('menu').style.display = 'block'" onmouseout="getElementById('menu').style.display = 'none'">Menu</div>		<div id="menu" align="left" style="color: #FFFFFF; background-color: #0000CC; text-align: left; width: 200px; padding: 3px;">Menuitem<br>Menuitem<br>Menuitem</div>	</body></html>

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...