PDA

View Full Version : HELP please! Rollover images & drop down menus.



thaartist
08-02-2006, 01:04 AM
DELETE PLEASE... duplicate

mburt
08-02-2006, 01:13 AM
<html>
<head>
<style type="text/css">
.menu {
width:100px;
padding:3px;
font:12px ms sans serif;
display:none;
position:absolute;
border:1px solid gray
}
</style>
<script language="javascript">
function showMenu(which,tf) {
if (tf==true) {
which.style.display="block"
}
if (tf==false) {
which.style.display="none"
}
}
</script>
</head>
<body>
<img src="" onmouseover="showMenu(menu1,true)" onmouseout="showMenu(menu1,false)">
<div class="menu" id="menu1" style="left:10px;top:45px" onmouseover="showMenu(menu1,true)" onmouseout="showMenu(menu1,false)">
Item 1
<br>Item 2
<br>Item 3
<br>Item 4
<br>Item 5
</div>
</body>
</html>

To add more menus..
change the id



<img src="" onmouseover="showMenu(menu2,true)" onmouseout="showMenu(menu2,false)">

<div class="menu" id="menu2"... onmouseover="showMenu(menu2,true)" onmouseout="showMenu(menu2,false)">