您现在的位置:首页 >> 建站经验 >> 内容

玩转弹出窗口代码(弹窗代码)精华教程,弹窗代码大全(3)

时间:2009/9/14 11:34:09 点击:5728

  核心提示:经常上网的朋友可能会到过这样一些网站,一进入首页立刻会弹出一个窗口,或者按一个连接或按钮弹出,通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提示的信息。其实制作这样的页面效果非常的容易,只要往该页面的HTML里加入几段Javascript代码即可实现。下面俺就带...

【5、主窗口打开文件1.htm,同时弹出小窗口page.html】

如下代码加入主窗口<head>区:

<script language=javascript>
<!--
function openwin()
{window.open(page.html,,width=200,height=200)
}
file://-->
</script>

加入<body>区:

<a href=1.htm onclick=openwin()>open</a>

即可。

【6、弹出的窗口之定时关闭控制】

下面我们再对弹出的窗口进行一些控制,效果就更好了。如果我们再将一小段代

码加入弹出的页面(注意是加入到page.html的HTML中,可不是主页面中,否则...)

,让它10秒后自动关闭是不是更酷了?

首先,将如下代码加入page.html文件的<head>区:

<script language=JavaScript>
function closeit()
{setTimeout(self.close(),10000) file://毫秒}
</script>

然后,再用<body onload=closeit()> 这一句话代替page.html中原有的<BODY>

这一句就可以了。(这一句话千万不要忘记写啊!这一句的作用是调用关闭窗口的代码,

10秒钟后就自行关闭该窗口。)

【7、在弹出窗口中加上一个关闭按钮】

<FORM>
<INPUT TYPE='BUTTON' VALUE='关闭' onClick='window.close()'>
</FORM>

呵呵,现在更加完美了!

作者:冷月湖 录入:冷月湖 来源:原创
相关评论
发表我的评论
  • 大名:
  • 内容:
  • 亿万站网址导航-站长之家(www.yiwanzhan.cn) © 2006-2024 版权所有 All Rights Reserved.
  • Email:xiegr71@163.com 站长QQ:329700870 京ICP备07500142号