大红豆网页设计论坛 网页学习论坛
检测到您尚未登录。是否登录?

网页弹窗代码大全(精品)

向下

网页弹窗代码大全(精品)

帖子  Admin 于 周六 十月 16, 2010 9:51 am

<html>

<head><script>window.open('../index.asp','网页特效','toolbar=no,status=no,scrollbars=yes,left=100,top=50,width=250,height=50')</script>

<title>随同主窗口同时弹出的附加小窗口</title>
<meta content="text/html; charset=gb2312" http-equiv="Content-Type">
<style type="text/css">.head {
COLOR: white; FONT-SIZE: 12px
}
.text {
COLOR: #4a5284; FONT-SIZE: 12px; LINE-HEIGHT: 20px
}
.info {
FONT-SIZE: 12px; LINE-HEIGHT: 20px
}
A {
COLOR: #4a5284; FONT-SIZE: 12px; TEXT-DECORATION: none
}
A:hover {
COLOR: #ff7222; FONT-SIZE: 12px; TEXT-DECORATION: underline
}
</style>
</head>

<body>

<table border="0" cellPadding="0" cellSpacing="0" width="100%" height="168">
<TBODY>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
</TBODY>
</table>

<table bgColor="#7e85b7" border="1" borderColorDark="#663300" borderColorLight="#ffffff"
cellPadding="1" cellSpacing="2" class="head" width="100%">
<TBODY>
<tr align="middle">
</tr>
</TBODY>
</table>

<table border="0" cellPadding="0" cellSpacing="0" width="100%">
<TBODY>
<tr>
<td><table align="center" border="0" cellPadding="0" cellSpacing="0" class="text"
width="482">
<TBODY>
<tr>
<td width="482"><dl>
<dd align="center"><br>
<font face="隶书" size="5" color="#0000FF">随同主窗口同时弹出的附加小窗口</font><br>
</dd>
<p> 打开一个窗口时自动弹出一个附加的小窗口,表示新消息公告、重要提示信息、当然,如果如果你是在用一些网站提供的免费空间做主页的话,一般要设置这样一个小窗口加入空间提供者的一些连接消息,如现在网易就是这样做的,<font
face="宋体">弹出的附加小窗口有各种形式,如没有工具栏的、没有滚动条的,其实制作并不难,</font>这里,将有关方法全盘提供,你可以重新加载本页,或单击工具栏按钮“刷新”,试一下,效果还不错吧!</p>
<p> 点击一个链接新开一个窗口,而新开的窗口又与一般的浏览器窗口不同,看起来挺简洁清爽的?
<br>
其实这不怎么复杂,用script语言的一个函数就可以了,这就是window对象的open函数,给大家详细讲一下这个函数的具体用法吧!
<br>
1、开窗口: <br>
var hWnd=window.open('文件URL','窗口名称','窗口特性选项'),现一一讲述
<br>
hWnd:如果熟悉window编程的话,对它并不陌生,它表示窗口句柄,代表窗口对象,进行脚本编程时很有用,通过它可实现在父窗口中实现对子窗口的控制。
<br>
文件URL:表示欲打开文件的URL地址,如果打开文件在本地服务器可用相对路径,否则就必须用URL路径。
<br>
窗口名称:表示打开窗口的名称,这个参数可要可不要,不过如果你用脚本语言进行编程需要在两个窗口之间传递一些信息或参数时就需要了,我们可用window.name来取这个传递的参数值。
<br>
窗口特性选项其书写格式为:option1=值,option2=值,option3=值 <br>
特性值主要有以下这些: </p>
<p>选项 数值 意义 <br>
toolbar yes/no 窗口是否有工具栏 <br>
location yes/no 窗口是否显示地址栏 <br>
directories yes/no 窗口是否提供目录按钮 <br>
status yes/no 窗口底部是否显示状态栏 <br>
menubar yes/no 窗口是否有菜单栏 <br>
scrollbars yes/no 当内容显示不完时,窗口是否允许出现滚动条 <br>
resizable yes/no 窗口是否允许被缩放 <br>
width 整数值(Integer) 窗口的宽度 <br>
height 整数值(Integer) 窗口的高度 <br>
left 整数值(Integer) 窗口离屏幕左边的距离即坐标X(屏幕左上角坐标为0,0)
<br>
top 整数值(Integer) 窗口离屏幕顶部的距离即坐标Y </p>
<p> 好了,上边的特性值中最常用的有Toolbar,scrollbars,width,heigth,top,left等,你不妨一个一个试试看,举一个例(用Javascript编写):
<br>
var myWindow=window.open('test.html','网页陶吧',
'toolbar=no,status=no,scrollbars=yes,left=100,top=50,width=500,height=450') <br>
2、关闭窗口: <br>
如果你在当前窗口关闭自己,用window对象的close函数就可以了
<br>
格式为:window.close() <br>
如果是在父窗口关闭子窗口,其格式为 <br>
用子窗口句柄.close() <br>
如关闭上边举例所开的窗口则可用:myWindow.close() <br>
至于点击一个链接打开一个新窗口,有一点要注意链接标志不仅可以链接文件,还可以链接Script语句哟。
<br>
</p>
</dl>
</td>
</tr>
</TBODY>
</table>
</td>
</tr>
</TBODY>
</table>

<p align="center"><br>
</p>
</body>
</html>

Admin
Admin

帖子数 : 39
注册日期 : 10-10-07

查阅用户资料 http://dreamweaver.forumotion.com

返回页首 向下

返回页首


 
您在这个论坛的权限:
不能在这个论坛回复主题