扫一扫
分享文章到微信
扫一扫
关注官方公众号
至顶头条
众所周知，不论是政府网站，还是商业平台，也不论是个人站点还是综合门户，进入这些网站，大都会或多或少地弹出一些窗口。实际上，制作这样的弹出式窗口非常简单，下面我就为大家介绍一款制作弹出式窗口的软件，希望能对你设计网站有所帮助。
软件名称：PopUpWiz
软件类别：共享软件
最新版本：PopUpWiz v1.01
软件大小：1.46MB
下载地址：http://www.info-pack.com/bin/puw101.exe
该软件的安装非常简单，一路回车即可完成安装。下面我以PopUpWiz v1.01为例，介绍它的使用方法。
一、设置及查看弹出窗口
启动PopUpWiz，如图1所示，通过PopUpWiz提供的多个选项，我们可以为弹出式窗口设置外观、大小、位置及激发它弹出的事件等。
图1
Name——弹出式窗口的名字。
URL——弹出式窗口所显示页面的URL地址。
在Popup Feartures区提供的选项，可以设置弹出式窗口的外观，主要包括弹出式窗口是否显示导航栏（Directories）、是否显示菜单栏（Menu Bar）、是否显示地址栏（Location）、是否允许改变窗口大小（Resizable）以及是否显示滚动条（Scroll Bars）、状态栏（Status Bar）、工具栏（Toolbar）。
在Popup Size区提供的选项，可以改变弹出式窗口的高度(Hieght)和宽度(Width)。
在Popup Position区，我们可以在水平方向和垂直方向调整弹出式窗口的位置。
Show Again?选项可以把相关信息保存在cookie中，在设定的时间内，防止进入主页面再次弹出窗口。
When to PopUp区提供的选项最为重要，在这里要设置激发弹出窗口的事件：
On Load——载入主页面时，弹出一个窗口。
On Close——离开主页面时，弹出一个窗口。
On Button——点击一个链接或按钮，弹出一个窗口。
设置完以上选项后，你可以点击Test Popup按钮，在默认的浏览器中查看弹出式窗口的效果（注意，在浏览器中会打开一个主页面，它是PopUpWiz用来测试弹出窗口而设置的，保存在PopUpWiz的安装目录中），如果觉得满意，你就可以拷贝、粘贴源代码到你的主页面中去了。
二、拷贝、粘贴源代码
PopUpWiz实际上就是一个源代码的生成器，通过以上设置，如果你对弹出式窗口的效果还满意，点击Create Popup按钮，PopUpWiz弹出“Results”对话框，如图2所示，它为我们提供了两段源代码，对于JavaScriptFunctions区内的源代码，点击Copy Functions按钮把该区内的源代码拷贝到剪贴板，然后加入到你主页面的…标签中即可；至于Load Function Source区内的源代码，要根据上文所述的激发弹出窗口事件的不同，分别处理：
图2
当弹出窗口设置为“On Load”，也就是载入主页面，弹出一个窗口时，点击Copy Loader按钮，把Load Function Source区内的源代码拷贝到剪贴板，粘贴源代码使你的主页面的<body>…</body>标签的起始标签为即可。
当弹出窗口设置为“On Close”，也就是离开主页面，弹出一个窗口时，点击Copy Loader按钮，把Load Function Source区内的源代码拷贝到剪贴板，粘贴源代码使你的主页面的<body>…</body>标签的起始标签<body>为<body onUnload="popupwiz()">即可。
当弹出窗口设置为“On Button”，也就是点击一个链接或按钮，弹出一个窗口时，如果是一个链接（图片链接和文字链接均可），点击Copy Loader按钮，把Load Function Source区内的源代码拷贝到剪贴板，粘贴并修改该链接源代码<a href="#">…</a>的起始标签<a href="#">为<a href="#" OnClick="popupwiz()">(#是一个虚拟链接，代表该超级链接指向资源的URL地址)即可；如果是一个按钮，点击Copy Loader按钮，把Load Function Source区内的源代码拷贝到剪贴板，粘贴并修改按钮的源代码<input type="button" value="按钮名">为<input type="button" OnClick="popupwiz()" value="按钮名">即可。
如果您非常迫切的想了解IT领域最新产品与技术信息，那么订阅至顶网技术邮件将是您的最佳途径之一。
现场直击｜2021世界人工智能大会
直击5G创新地带，就在2021MWC上海
5G已至 转型当时——服务提供商如何把握转型的绝佳时机
寻找自己的Flag
华为开发者大会2020（Cloud）- 科技行者
京公网安备 11010802021500号