下拉菜单

Question

求一个鼠标以上某个区域就显示下拉菜单的js， 另外鼠标移开后下拉菜单消失

Answer 1

<style>
li ul {display:none}
li:hover ul {display:block}
</style>
<ul>
 <li>
  <a href='#'>list</a>
  <ul>
    <li>1111</li>
    <li>2222</li>
    <li>3333</li>
    <li>4444</li>
  </ul>
 </li>
</ul>

Answer 2

 <div style=" background-color:Red;" onmouseover="ShowSelectControl()" onmouseout="HiddenSelectControl()">
       <select id="Select1" style=" visibility:hidden">
           <option selected=selected value=1>1</option>
            <option  value=2>2</option>
       </select>
   </div>js.
 function ShowSelectControl() { document.getElementById('Select1').style.visibility = 'visible'; }
        function HiddenSelectControl() { document.getElementById('Select1').style.visibility = 'hidden'; }