通过js实现两个div鼠标滑过就切换

 <SCRIPT language="javascript">         
          function showCommendTab(obj)
          {
          var commendcom=document.getElementById('CommendCom');
          var hotper=document.getElementById('HotPer');
          var sobj=document.getElementById(obj);
          commendcom.style.display="none";
          hotper.style.display="none";
          sobj.style.display="block";    
           }
   </SCRIPT>
<div class="H_sec_right_hot_type">
       <UL>
  <LI  rel="CommendCom" urn="CommendTab" onmouseover="javascript:showCommendTab('CommendCom');">重点企业推荐
  </LI>
  <LI  rel="HotPer" urn="CommendTab" onmouseover="javascript:showCommendTab('HotPer');">热门人才推荐
  </LI></UL></div>
<div class="H_sec_right_hot_list" id="HotPer"></div>
<div class="H_sec_right_hot_list" id="CommendCom" style="DISPLAY: none" ></div>