VerySource

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1029|回复: 5

怎样依据屏幕分辨率来改变
的位置?

[复制链接]

1

主题

2

帖子

3.00

积分

新手上路

Rank: 1

积分
3.00
发表于 2020-3-1 11:30:01 | 显示全部楼层 |阅读模式
我在网页上用了一个浮动窗口的代码。
在我把屏幕分辨率调整到1280*1024时。就不行了。。挡住了上面的Logo.
我用
  if (window.screen.width==1280)
   {
    document.write "<div id='topview' style='position:absolute; margin-left:-845px; width:145px;top:0px; z-index:1;'>";
   }
  else
  {
    document.write "<div id='topview' style='position:absolute; margin-left:-1025px; width:145px;top:0px; z-index:1;'>";
  }
这个语句来控制<div>的位置。。
却不能实现。。。
js不是太熟悉。。是代码的问题?还是别的什么问题呢?


回复

使用道具 举报

0

主题

4

帖子

5.00

积分

新手上路

Rank: 1

积分
5.00
发表于 2020-5-26 07:00:01 | 显示全部楼层
你在改变屏幕分辨率的时候 网页上东西并没有刷新

建议你把上面的代码做成一个函数
用window.setInterval("要调用的函数",500)定时调用就可以了
回复

使用道具 举报

1

主题

2

帖子

3.00

积分

新手上路

Rank: 1

积分
3.00
 楼主| 发表于 2020-5-30 13:45:01 | 显示全部楼层
谢谢楼上的提醒..但问题是:
我的代码有脚本错误...不知道是为什么....?
找了半天也没有找到有什么错误...倒...
回复

使用道具 举报

0

主题

7

帖子

7.00

积分

新手上路

Rank: 1

积分
7.00
发表于 2020-6-4 01:15:02 | 显示全部楼层
<table style='border:1px solid #000; width: 100px; height: 200px;' align=right>
<tr><td>sdafsadf</td></tr></table>

设置靠近右边距
回复

使用道具 举报

0

主题

7

帖子

7.00

积分

新手上路

Rank: 1

积分
7.00
发表于 2020-6-10 13:15:01 | 显示全部楼层
<div style='border:1px solid #000; width: 100px; height: 200px; position:absolute;right:1px'>sdafsadf</div>
回复

使用道具 举报

0

主题

13

帖子

13.00

积分

新手上路

Rank: 1

积分
13.00
发表于 2020-6-20 19:30:01 | 显示全部楼层
使用相对位置, 相对于你的Logo来定位就可以了.

代码如下:

function GetRelated(element,attribute)
{
       
    if ( arguments.length != 2 || element == null )
    {
        return null;
    }

    var elmt = element;

    var offsetTop = elmt.offsetTop;

        var offsetLeft = elmt.offsetLeft;
               
    while( elmt.offsetParent )  {

                elmt = elmt.offsetParent

        offsetTop += elmt.offsetTop;

                offsetLeft += elmt.offsetLeft;

    }

        if( attribute == 'top') return offsetTop;

        else if( attribute == 'left') return offsetLeft;

        else return 0;

}
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|CopyRight © 2008-2023|verysource.com ( 京ICP备17048824号-1 )

快速回复 返回顶部 返回列表