大雀软件园

首页 软件下载 安卓市场 苹果市场 电脑游戏 安卓游戏 文章资讯 驱动下载
技术开发 网页设计 图形图象 数据库 网络媒体 网络安全 站长CLUB 操作系统 媒体动画 安卓相关
当前位置: 首页 -> 网页设计 -> HTML/CSS -> 弹出网页窗口设计全攻略

弹出网页窗口设计全攻略

时间: 2021-07-31 作者:daque

怎样运用网页弹出百般情势的窗口,我想大师大多都是领会些的,但那种五花八门的弹出式窗口是如何搞出来的,咱们即日就来进修一下:

1.弹启一个全屏窗口

<html>

<body onload="window.open('http://www.pconline.com.cn','example01','fullscreen');">;

<b>www.e3i5.com</b>

</body>

</html>

2.弹启一个被f11化后的窗口

<html>

<body onload="window.open(''http://www.pconline.com.cn','example02','channelmode');">;

<b>www.e3i5.com</b>

</body>

</html>

3.弹启一个带有保藏链接东西栏的窗口

<html>

<body onload="window.open('http://www.pconline.com.cn','example03','width=400,height=300,directories');">

<b>www.e3i5.com</b>

</body>

</html>

4.网页对话框

<html>

<script language="javascript">

<!--

showmodaldialog('http://www.pconline.com.cn','example04','dialogwidth:400px;dialogheight:300px;

dialogleft:200px;dialogtop:150px;center:yes;help:yes;resizable:yes;status:yes')

//-->

</script>

<b>www.e3i5.com</b>

</body>

</html>

<html>

<script language="javascript">

<!--

showmodelessdialog('http://www.pconline.com.cn','example05','dialogwidth:400px;dialogheight:300px;

dialogleft:200px;dialogtop:150px;center:yes;help:yes;resizable:yes;status:yes')

//-->

</script>

<b>http://www.pconline.com.cn</b>

</body>

</html>

showmodaldialog()或是showmodelessdialog() 来挪用网页对话框,至于showmodaldialog()与showmodelessdialog()的辨别,在乎showmodaldialog()翻开的窗口(简称形式窗口),置在父窗口上,必需封闭本领考察父窗口(倡导尽管少用,免得招人恶感);showmodelessdialog()(简称无形式窗口),翻开后不用封闭也可考察父窗口翻开的窗口。

dialogheight: iheight 树立对话框窗口的莫大。

dialogwidth: iwidth 树立对话框窗口的宽窄。

dialogleft: ixpos 树立对话框窗口对立于桌面左上角的left场所。

dialogtop: iypos 树立对话框窗口对立于桌面左上角的top场所。

center: {yes no 1 0 } 指定能否将对话框在桌面上居中,默许值是“yes”。

help: {yes no 1 0 } 指定对话框窗口中能否表露左右文敏锐的扶助图标。默许值是“yes”。

resizable: {yes no 1 0 } 指定能否对话框窗口巨细可变。默许值是“no”。

status: {yes no 1 0 } 指定对话框窗口能否表露状况栏。对于非形式对话框窗口,默许值是“yes”;对于形式对话框窗口,默许值是 “no”。

热门阅览

最新排行

Copyright © 2019-2021 大雀软件园(www.daque.cn) All Rights Reserved.