JavaScript系列之动态移动窗口

ZDNet软件频道 时间:2004-05-11 作者:Builder.com |  我要评论()
本文关键词:
当一切能做的都做完了,能自己移动位置的窗口便显得不仅酷,而是更有实际价值(也许这才是让它看起来酷的原因)。
本文译自Builder.com,未经许可请勿转载

当一切能做的都做完了,能自己移动位置的窗口便显得不仅酷,而是更有实际价值(也许这才是让它看起来酷的原因)。但是只要运用得宜,动态改变窗口位置能够让 Web 设计者重新安排窗口位置以优化信息显示方式。

移动窗口位置的程序代码看起来和改变窗口尺寸非常相似:

var x = 0;

functionmoveMe() {
  if (x == 0) {
    self.moveBy(200,200);
    x = 1;
  }
    else {
      if (x == 1) {
        self.moveBy(-200,-200);
        x = 0;
      }
    }
}

在这里,moveMe() 函数使用 window 对象的moveBy() 函数让用户把窗口移动到某个位置,然后再移回原处。moveBy() 和moveTo() 方法的差异在于前者的移动位置是相对的,而后者则是绝对的。


本文作者:Brent Lee Metcalfe 是一位Web架构顾问。


责任编辑:李宁

欢迎评论投稿

百度大联盟认证黄金会员Copyright© 1997- CNET Networks 版权所有。 ZDNet 是CNET Networks公司注册服务商标。
中华人民共和国电信与信息服务业务经营许可证编号:京ICP证010391号 京ICP备09041801号-159
京公网安备:1101082134