<html> <head> <title></title> <script type="text/javascript"> function showMessage() { var div=document.getElementById("show"); div.style.display="block"; } function RemoveMessage() { var div=document.getElementById("show"); div.style.display="none";
<html>
<head>
<title></title>
<script type="text/javascript">
function showMessage()
{
var div=document.getElementById("show");
div.style.display="block";
}
function RemoveMessage()
{
var div=document.getElementById("show");
div.style.display="none";
}
function prevent()
{
window.event.cancelBubble=true;
}
</script>
</head>
<body>
<div>
<div style="border:1px solid #eee; heigth:100px; width:100px" onmousemove="showMessage();" onmouseout="RemoveMessage();">test (click me)
<div id="show" style="border:1px solid #eee; heigth:100px; width:50px;display:none;">
<div style="border:1px solid #eee; width:100px" onmouseout="prevent()" >test1</div>
<div style="border:1px solid #eee; width:100px" onmouseout="prevent()" >test2</div>
<div style="border:1px solid #eee; width:100px" onmouseout="prevent()" >test3</div>
<div style="border:1px solid #eee; width:100px" onmouseout="prevent()" >test4</div>
</div>
</div>
</div>
</body>
</html>