首页 新闻 搜索 短信 分类 聊天 企业
上移动梦网
赢手机大奖

新浪首页 > 科技时代 > 网上学园 > 主页制作 > 正文
JavaScript主页弹出窗口技巧集锦

http://www.sina.com.cn 2002/06/03 14:31 赛迪网

  文/洪宝光

  一、在下面的代码中,你只要单击打开一个窗口,即可链接到赛迪网。而当你想关闭时,只要单击一下即可关闭刚才打开的窗口。

  代码如下:

  <SCRIPT language="JavaScript">

  <!--

  function openclk() {

  another=open('http://www.ccidnet.com','NewWindow');

  }

  function closeclk() {

  another.close();

  }

  //-->

  </SCRIPT>

  <FORM>

  <INPUT TYPE="BUTTON" NAME="open" value="打开一个窗口" onClick="openclk()">

  <BR>

  <INPUT TYPE="BUTTON" NAME="close" value="关闭这个窗口" onClick="closeclk()">

  </FORM>

  二、上面的代码也太静了,为何不来点动感呢?如果能给页面来个降落效果那该多好啊!

  代码如下:

  <script>

  function drop(n) {

  if(self.moveBy){

  self.moveBy (0,-900);

  for(i = n; i > 0; i--){

  self.moveBy(0,3);

  }

  for(j = 8; j > 0; j--){

  self.moveBy(0,j);

  self.moveBy(j,0);

  self.moveBy(0,-j);

  self.moveBy(-j,0);

  }

  }

  }

  </script>

  <body onLoad="drop(300)">

  三、讨厌很多网站总是按照默认窗口打开,如果你能随心所欲控制打开的窗口那该多好。

  代码如下:

  <SCRIPT LANGUAGE="JavaScript">

  <!-- Begin

  function popupPage(l, t, w, h) {

  var windowprops = "location=no,scrollbars=no,menubars=no,toolbars=no,resizable=yes" +

  ",left=" + l + ",top=" + t + ",width=" + w + ",height=" + h;

  var URL = "http://www.80cn.com";

  popup = window.open(URL,"MenuPopup",windowprops);

  }

  // End -->

  </script>

  <table>

  <tr>

  <td>

  <form name=popupform>

  <pre>

  打开页面的参数<br>

  离开左边的距离: <input type=text name=left size=2 maxlength=4> pixels

  离开右边的距离: <input type=text name=top size=2 maxlength=4> pixels

  窗口的宽度: <input type=text name=width size=2 maxlength=4> pixels

  窗口的高度: <input type=text name=height size=2 maxlength=4> pixels

  </pre>

  <center>

  <input type=button value="打开这个窗口!" onClick="popupPage(this.form.left.value, this.form.top.value, this.form.width.value, this.form.height.value)">

  </center>

  </form>

  </td>

  </tr>

  </table>你只要在相对应的对话框中输入一个数值即可,将要打开的页面的窗口控制得很好。

  (责任编辑 冲锋队)


  


发表评论】【初学者园地】【科技聊天】【关闭窗口

新 闻 查 询

 相关链接
【学园专题】JavaScript动态网页制作宝库
妙用JavaScript实现网页的任意缩放(2002/05/24 10:40)
巧使网页图片实现“幻灯片”显示效果(2002/05/22 09:56)
巧妙实现图片链接的特殊效果(2002/05/16 10:27)
用JavaScript实现页面百叶窗效果(2002/05/16 10:12)
JavaScript网页制作特殊效果二例(2002/04/30 10:35)
用Javascript自动输出网页文本(2002/04/26 09:26)
用JavaScript使链接按钮不断变化(2002/04/24 09:46)
用JavaScript创建超酷时钟背景特效(2002/04/19 12:23)


科技时代意见反馈留言板 电话:010-82612286 或 010-82628888-3488   欢迎批评指正

新浪简介 | 用户注册 | 广告服务 | 招聘信息 | 中文阅读 | Richwin | 联系方式 | 帮助信息

Copyright © 1996 - 2002 SINA.com, Stone Rich Sight. All Rights Reserved

版权所有 四通利方 新浪网