<html>
<head>
<title>CSS PopupMenu</title>
<style>
div.popup
{
display:none;
position:absolute;
border:solid
1px
black;
padding:8px;
background-color:white;
}
a.popup:hover
+
div.popup
{
display:block;
}
div.popup:hover
{
display:block;
}
</style>
</head>
<body>
<a
class="popup"
href="#">Popup on hover</a>
<div
class="popup">
<ul>
<li><a
href="#">Menu 1</a></li>
<li><a
href="#">Menu 2</a></li>
<li><a
href="#">Menu 3</a></li>
</ul>
</div>
</body>
</html>
No comments:
Post a Comment