下面这段代码,可以通过鼠标事件,使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>

解决方案 »

  1.   

    使用js控制:页可见区域宽: document.body.clientWidth
    网页可见区域高: 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!
      

  2.   

    if(window.screen.width < 1280){
    // 隐藏效果 代码}
      

  3.   

    你这种需求,本来可以用CSS设置一下STYLE就差不多实现了。何必这么麻烦。好好研究一下CSS吧。