Drop Down and mouse over

stephens1982 · August 27th, 2005, 12:38 AM

How do you create a mouse over without using pictures? I was writing a webpage and I want to mouse over and then have a drop down box. Can anyone help or suggest a software to answer this question.

Thanks Alot

joefawcett · August 27th, 2005, 03:28 AM

Can you clarify? If you want something to happen when you hover the cursor over it either add a handler to the onmouseover event or use the title attribute to show a tool tip style window.

--

Joe (Microsoft MVP - XML)

stephens1982 · August 27th, 2005, 12:49 PM

Well, what i wanted it to do was once I put the mouse over the word it created a drop down box and I can click on it and it takes me to the different pages.

interrupt · October 23rd, 2005, 07:02 AM

This is a very simple one:

<html>
<head>
<title>Unhide a Div</title>
</head>
<body>
Menu
<div id ="menudiv" style ="position:relative; top:10; left:0; visibility:hidden; border:1px solid black; width:10%"><a href ="www.somewhere.com">Somewhere</a><br><a href ="www.404page.com">404 Page</a><br><br><p align ="right"><a href ="javascript:hideMe()">X</a></p></div>

<script language ="javascript">
    var theMenu = document.getElementById("menudiv");

    function showMe(){
    theMenu.style.visibility = "visible";
    }

        function hideMe(){
        theMenu.style.visibility = "hidden";
    }
</script>

</body>
</html>