JavaScript首頁快顯視窗技巧集錦

來源:互聯網
上載者:User
javascript|快顯視窗|技巧

  一、在下面的代碼中,你只要單擊開啟一個視窗,即可連結到賽迪網。而當你想關閉時,只要單擊一下即可關閉剛才開啟的視窗。

  代碼如下:

  <SCRIPT language="JavaScript">

  <!--

  function openclk() {

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

  }

  function closeclk() {

  another.close();

  }

  //-->

  </SCRIPT>

  <FORM>

  <INPUT TYPE="BUTTON" NAME="open" value="開啟一個視窗" >

  <BR>

  <INPUT TYPE="BUTTON" NAME="close" value="關閉這個視窗" >

  </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 >

  三、討厭很多網站總是按照預設視窗開啟,如果你能隨心所欲控制開啟的視窗那該多好。

  代碼如下:

  <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.webjx.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="開啟這個視窗!" >

  </center>

  </form>

  </td>

  </tr>

  </table>你只要在相對應的對話方塊中輸入一個數值即可,將要開啟的頁面的視窗控製得很好。



相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。