有一个导航,希望在鼠标移动到每一个选项的时候能显示出子项目。
但由于不同显示器分辨率的原因,子项目显示的位置不能相对固定。
目前,只针对800*768的实现:
#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页面中:
<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="subright"></li>
</ul>
</div>
</div>
希望在不同分辨率下div的相对位置能固定。
恳请各位帮忙!
但由于不同显示器分辨率的原因,子项目显示的位置不能相对固定。
目前,只针对800*768的实现:
#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页面中:
<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="subright"></li>
</ul>
</div>
</div>
希望在不同分辨率下div的相对位置能固定。
恳请各位帮忙!
解决方案 »
- 怎么用expression 固定table列表的标题栏?
- <a></a>连接中的一个不解的问题
- js 用正则表达式 把 字符串 {day}天交易{money}元 中的 {day} {money} 替换为 day:1 money:10000
- Microsoft VBScript 运行时错误 错误 '800a01a8'
- 大哥帮我看一下这一小段代码,哪里有问题?
- 急待解决!!!IFRAME中的滚动条如何在滚到底后再重新从头开始往下滚??
- 有没有类似这种导航菜单的js?
- 如何改变iframe滚动条的外观(如宽度、颜色、及自定义图片等),需ie5.0支持
- 关于: 暂停
- 关与提高速度的问题!
- 数组问题
- javascript禁止鼠标右击事件。。
offsetTop offsetLeft offsetHeight offsetWidth
如果加入js,该如何复制。
导航时居中的,可以在js中通过导航table的id的offsetLeft获取距离左端的值吗?
试过了,不行。
老胡可以说的具体点吗?
谢谢
#Layer2{left:100px;}
#Layer3{left:200px;}
#Layer4{left:300px;}
#Layer5{left:400px;}
#Layer6{left:auto;right:80px;}
#Layer7{left:auto;right:80px;}写在css文件中
<script type="text/javascript">
var ml = document.getElementById("menutable");
alert(ml.offsetLeft);
</script>
如何能和css中已经设定的值:
#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;}
加起来,绑定到每个div上
<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>请求大侠帮忙!