怎样保证层的位置不因为分辨率的不同而发生错位？

dreamsky 2003-08-05 11:49:52

比如说：当鼠标onmouseover“产品”两字时，则显示层layer1，layer1的位置应该是在“产品”两字的附近，开始分辨率为1024*768，显示位置合适；但当分辨率为800*600时，层layer1就离“产品”两字的距离就远了
如何解决这种问题？

...全文

70 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

孟子E章 2003-08-05

打赏
举报

<HTML>
<script>
function divcenter(){
document.all.mxh.style.left=(Math.round((document.body.scrollWidth-200)/2)).toString()+"px"
}
</script>
<body onload="divcenter()" onresize=divcenter()>
<table width=100%>
<tr>
<td>test
</td>
</tr>
</table>
<div id=mxh style="position:absolute;left:200px;top:30px;width:200px;height:200px;background-color:#0099FF;border:2px">测试文字</div>
</HTML>

孟子E章 2003-08-05

打赏
举报

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script>
function Is() {
agent = navigator.userAgent.toLowerCase();
this.major = parseInt(navigator.appVersion);
this.minor = parseFloat(navigator.appVersion);
this.ns = ((agent.indexOf('mozilla') != -1) &&
((agent.indexOf('spoofer') == -1) &&
(agent.indexOf('compatible') == -1)));
this.ns4 = (this.ns && (this.major == 4));
this.ns6 = (this.ns && (this.major >= 5));
this.ie = (agent.indexOf("msie") != -1);
this.ie3 = (this.ie && (this.major < 4));
this.ie4 = (this.ie && (this.major == 4) &&
(agent.indexOf("msie 5.0") == -1));
this.ie5 = (this.ie && (this.major == 4) &&
(agent.indexOf("msie 5.0") != -1));
this.ie55 = (this.ie && (this.major == 4) &&
(agent.indexOf("msie 5.5") != -1));
this.ie6 = (this.ie && (agent.indexOf("msie 6.0")!=-1) );
}

var is = new Is();

function layerObject(id,position,left,top,visibility) {
if (is.ie5|| is.ie55||is.ie6|| is.ns6){
this.obj = document.getElementById(id).style;
this.obj.position = position;
this.obj.left = left;
this.obj.top = top;
this.obj.visibility = visibility;
return this.obj;
}
}
function layerSetup() {
centerLyr = new layerObject(id,'absolute',
(page_width-parseInt(document.getElementById(id).style.width))/2,
(page_height-parseInt(document.getElementById(id).style.height))/2,
'visible');
}
</script>
<style type="text/css">

</style>
</head>
<body bgcolor="#999999" onLoad="
id='centerLayer'
if(is.ns6) {
page_width=innerWidth;
page_height=innerHeight;
layerSetup();
} else if(is.ie5 || is.ie55 ||is.ie6) {
page_width=document.body.clientWidth;
page_height=document.body.clientHeight;
layerSetup();
}"
onResize=" history.go(0); ">
<div id="centerLayer"
style="position: absolute; width:200px; height:24px;
left: 0px; top: 0px; z-index: 6; visibility: hidden;">
<span class="main">居中层的例子居中层的例子居中层的例子居中层的例子居中层的例子</span>
</div>
</body>
</html>

孟子E章 2003-08-05

打赏
举报

tylike 2003-08-05

打赏
举报

取分辨率决定加位差
把位置定到当前鼠标的x与y
可能还是会有一定偏差，比如
abcdefg,放在a上和放在g上有一段，不过容易做到

fengchu2 2003-08-05

打赏
举报

获取屏幕的分辨率，然后赋予不同的显示位置！

function Focus_win()
{
var Scr_Wid=window.screen.width
if(Scr_Wid<1024)
{
document.all.QJLogin.src="SYSTEMFILES/Images/800/QJLogin.jpg"
window.Info.style.left="120px"
window.Info.style.top="300px"
window.login_form.style.top="220px"
window.login_form.style.left="482px"
}
else
{
document.all.QJLogin.src="SYSTEMFILES/Images/1024/QJLogin.jpg"
window.login_form.style.top="365px"
window.login_form.style.left="700px"
window.Info.style.left="250px"
window.Info.style.top="480px"
}

document.all("QJLogingif").style.display="";
document.all("login_form").style.display=""
}

ling_l 2003-08-05