主页弹出窗口制作技巧集锦

答案：
一、在下面的代码中，你只要单击打开一个窗口，即可链接到赛迪网。而当你想关闭时，只要单击一下即可关闭刚才打开的窗口。
代码如下：
< SCRIPT language="javascript">
　　< ！--
　　function openclk() {
　　another=open('http://www.ccidnet.com&#39;，'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，易做图s=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>你只要在相对应的对话框中输入一个数值即可，将要打开的页面的窗口控制得很好。

上一个：在 CSS 中关于字体处理效果的思考
下一个：玩转”弹出窗口“之大揭秘