js控制div层解决方案-JavaSript-爱易网页

js控制div层解决方案

日期：2014-05-16　浏览次数：20459 次

js控制div层
有一个导航，希望在鼠标移动到每一个选项的时候能显示出子项目。
但由于不同显示器分辨率的原因，子项目显示的位置不能相对固定。
目前，只针对800*768的实现：

JScript code

#Layer1{left:40px;}
#Layer2{left:100px;}
#Layer3{left:200px;}
#Layer4{left:300px;}
#Layer5{left:400px;}
#Layer6{left:auto;right:80px;}
#Layer7{left:auto;right:80px;}

jsp页面中：

CSS code

<div id="Layer2" class="submenu" onMouseOver="MM_showHideLayers('Layer2','','show')" onMouseOut="MM_showHideLayers('Layer2','','hide')"> 
<div class="">
      <ul>
          <li><a href=""></a></li>
          <li><a href=""></a></li>
          <li><a href=""></a></li>
          <li><a href=""></a></li>
          <li><a href=""></a></li>
          <li class="subright"></li>
      </ul>
    </div>
</div>

    
    
<div id="Layer3" class="submenu" onMouseOver="MM_showHideLayers('Layer3','','show')" onMouseOut="MM_showHideLayers('Layer3','','hide')"> 
 <div class="">
  <ul>
      <li><a href=""></a></li>
      <li><a href=""></a></li>
      <li><a href=""></a></li>
      <li><a href=""></a></li>
      <li><a href=""></a></li>
      <li><a href=""></a></li>
      <li class="subright"></li>
  </ul>
</div>
</div>
<div id="Layer4" class="submenu" onMouseOver="MM_showHideLayers('Layer4','','show')" onMouseOut="MM_showHideLayers('Layer4','','hide')"> 
 <div class="">
  <ul>
      <li><a href=""></a></li>
      <li><a href=""></a></li>
      <li class="subright"></li>
  </ul>
</div>
</div>
<div id="Layer5" class="submenu" onMouseOver="MM_showHideLayers('Layer5','','show')" onMouseOut="MM_showHideLayers('Layer5','','hide')"> 
 <div class="">
  <ul>
      <li><a href=""></a></li>
      <li><a href=""></a></li>
      <li><a href=""></a></li>
      <li><a href=""></a></li>
      <li class="subright"></li>
  </ul>
</div>
</div>
<div id="Layer6" class="submenu" onMouseOver="MM_showHideLayers('Layer6','','show')" onMouseOut="MM_showHideLayers('Layer6','','hide')"> 
 <div class="">
  <ul>
      <li><a href=""></a></li>
      <li><a href=""></a></li>
      <li><a href=""></a></li>
      <li class="subright"></li>
  </ul>
</div>
</div>
<div id="Layer7" class="submenu" onMouseOver="MM_showHideLayers('Layer7','','show')" onMouseOut="MM_showHideLayers('Layer7','','hide')"> 
 <div class="">
  <ul>
      <li><a href=""></a></li>
      <li><a href=""></a></li>
      <li><a href=""></a></li>
      <li class=

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

js控制div层解决方案

相关资料更多>

推荐阅读更多>