下面这段代码,可以通过鼠标事件,使TABLE里的某部分文字在页面的左侧隐藏、显示。
我想请教大家,追加一段代码。如何使在这个隐藏、显示效果之前,增加一个屏幕分辨率的辨别功能。
比方说:显示屏分辨率的宽度小于1280时,使用这个隐藏效果;显示屏分辨率的宽度大于1280时,取消隐藏效果,改为始终显示table里的所有文字。
谢谢。
<script language="javascript">
function move(x, y) {
if (document.all) {
object1.style.pixelLeft += x;
object1.style.pixelTop+= y;}
else
if (document.layers) {
document.object1.left += x;
document.object1.top+= y;
}};
function position() {
document.object1.left += -200;
document.object1.top+= 0;
document.object1.visibility = "show"
};
function makeStatic() {
if (document.all) {object1.style.pixelTop=document.body.scrollTop+205}
else {eval('document.object1.top=eval(window.pageYOffset+20)');}
setTimeout("makeStatic()",0);}
</script>
<div id="object1" style="position:absolute;left:-95px;top:240px;width:0px;z-index:100">
<table onMouseOver="move(95,0)" onMouseOut="move(-95, 0)" cellspacing="1" cellpadding="2" border="0">
<tr>
<td>
<table cellspacing="0" cellpadding="0" width="95" align="center" border="0">
<tr>
<td>222</td>
</tr>
</table>
</td>
<td valign="top" align="middle" width="35" rowspan="100">111</td>
</tr>
</table>
</div>
我想请教大家,追加一段代码。如何使在这个隐藏、显示效果之前,增加一个屏幕分辨率的辨别功能。
比方说:显示屏分辨率的宽度小于1280时,使用这个隐藏效果;显示屏分辨率的宽度大于1280时,取消隐藏效果,改为始终显示table里的所有文字。
谢谢。
<script language="javascript">
function move(x, y) {
if (document.all) {
object1.style.pixelLeft += x;
object1.style.pixelTop+= y;}
else
if (document.layers) {
document.object1.left += x;
document.object1.top+= y;
}};
function position() {
document.object1.left += -200;
document.object1.top+= 0;
document.object1.visibility = "show"
};
function makeStatic() {
if (document.all) {object1.style.pixelTop=document.body.scrollTop+205}
else {eval('document.object1.top=eval(window.pageYOffset+20)');}
setTimeout("makeStatic()",0);}
</script>
<div id="object1" style="position:absolute;left:-95px;top:240px;width:0px;z-index:100">
<table onMouseOver="move(95,0)" onMouseOut="move(-95, 0)" cellspacing="1" cellpadding="2" border="0">
<tr>
<td>
<table cellspacing="0" cellpadding="0" width="95" align="center" border="0">
<tr>
<td>222</td>
</tr>
</table>
</td>
<td valign="top" align="middle" width="35" rowspan="100">111</td>
</tr>
</table>
</div>
网页可见区域高: document.body.clientHeight
网页可见区域宽: document.body.offsetWidth (包括边线的宽)
网页可见区域高: document.body.offsetHeight (包括边线的高)
网页正文全文宽: document.body.scrollWidth
网页正文全文高: document.body.scrollHeight
网页被卷去的高: document.body.scrollTop
网页被卷去的左: document.body.scrollLeft
网页正文部分上: window.screenTop
网页正文部分左: window.screenLeft
屏幕分辨率的高: window.screen.height
屏幕分辨率的宽: window.screen.width
屏幕可用工作区高度: window.screen.availHeight
屏幕可用工作区宽度: window.screen.availWidth
good Luck!
// 隐藏效果 代码}