我想找到特定的Windows屏幕部分的坐标。我必须将这些作为参数传递给一些JavaScript函数。无论访问者使用何种分辨率或屏幕尺寸或浏览器,此功能都会在页面的特定位置(右下角2英寸以上)显示工具提示div。如何在每个屏幕上查找特定位置?
出于演示请访问以下链接http://www.dhtmlgoodies.com/submitted-scripts/title-to-note/title-to-note.html
我想找到特定的Windows屏幕部分的坐标。我必须将这些作为参数传递给一些JavaScript函数。无论访问者使用何种分辨率或屏幕尺寸或浏览器,此功能都会在页面的特定位置(右下角2英寸以上)显示工具提示div。如何在每个屏幕上查找特定位置?
出于演示请访问以下链接http://www.dhtmlgoodies.com/submitted-scripts/title-to-note/title-to-note.html
<div style="position:absolute; bottom: 2in; right: 0px;">test</div>
编辑:
$(document).ready(function() {
var height = $(window).height();
var width = $(window).width();
alert('width: '+width+'; heigth: '+height);
});
现在来定位你的DIV,你只需要绝对位置的DIV
顶部:高度 - div高度 - 2英寸。
左:宽度 - 格宽度
Thompson,我可以用javascript找到它吗?我想计算并通过到一个功能。 – user576510 2011-04-25 20:48:12
.tooltip {position: absolute; bottom: 40px; right: 40px;}
.page-wrapper {position: relative;}
<div class="page-wrapper">
//website content
</div>
<div class="tooltip">
//tooltip content
</div>
如果屏幕的只有2英寸高? :-) – Pointy 2011-04-25 20:43:26
可以完成像素,但是如何判断800x600显示器是在15英寸显示器上还是使用25“ – Chad 2011-04-25 20:45:32
@Pointy plz的盲人,请参阅http://www.dhtmlgoodies.com/submitted-scripts/ title-to-note.html – user576510 2011-04-25 20:46:14