轻松打造弹出窗口

windows
蓝点 4.38万+
“如何制作弹出式窗口？”，这是Dreamweaver初学者经常会问的问题。找个提供特效的网站，或是Down个特效工具粘贴一下代码不就得了！还不容易。其实更容易的方法是使用我们最常用的Dreamweaver。一般的弹出式窗口，简单地点几下就可以完成。不信？来看看！只要按以下几步操作，你就能轻松地做出弹出窗口效果。

　　1. 首先，从菜单栏中Window- >Behaviors (窗口- >行为)或直接按快捷键Shift+F3调出行为面板。

　　2. 如图所示，按行为面板左上角的“+”号添加行为，在弹出的菜单中选择“Open Browser Window（弹出浏览器窗口）”行为。

　　3. 选择了行为以后，就会弹出Open Browser Window对话框，如图所示。只要在对话框中填入相应的窗口信息，按“确定”后就可以完成对弹出窗口的定制了。其中

　　“URL to Display”：为你想要在新窗口中显示网页的地址，你可以直接输入地址，也可以按“Browse”按钮指定。

　　“Window Width”与“Window Height”：分别为新窗口的宽和高，单位为px。

　　“Attributes”：为窗口的特性。

　　“Navigation Toolbar”、“Menu Bar”、“Location Toolbar”、“Scrollbars as Needed”、“Status Bar”、“Resize Handles”

　　分别代表工具栏、菜单栏、定位工具栏、滚动条以及更改大小手柄。选上相应位置前的对勾，就代表新窗口中具有相应的特性。

　　“Window Name”：为目标窗口的名字。可以随便起一个，也可以指定框架组内某一窗口的名字。在制作弹出窗口时，名字随便起一个就可以了。

　　完成了上面几步之后，行为面板将会变成下面这个样子，表示载入页面（onLoad）的同时，打开一个新的浏览窗口。

　　实际上，在行为面板中添加行为的过程，就是Dreamweaver生成Javascript代码的过程。上面的几步中，生成了下列代码。在下面以粗体显示，“” 之间的为该部分代码的注释：

< html < head 无标题文档< /title < meta http-equiv="Content-Type" content="text/html; charset=gb2312" < script language="JavaScript" < !--　　你可以这样理解上面的代码：当onLoad事件激发时（即当图象或页面结束载入时），调用MM_openBrWindow()方法，并将值“'yourpage.htm', 'winname', 'toolbar=yes,location=yes, status=yes,menubar=yes,scrollbars=yes, resizable=yes,width=300,height=200'”(这里称为实参)传入对应的形参――“theURL,winName,features”，供window.open()使用。注意，三个参数都要用单引号括起来。在这些代码中，最关键的一句是：

“window.open(theURL,winName,features)”

　　它的意思是在名为winName的窗口中，按 features的规定的特性打开 theURL地址上的页面。

　　理解了代码的意思后，我们可以知道代码可以直接这样写：在内加入onLoad="window.open('yourpage.htm', 'winname','toolbar=yes, location=yes,status=yes,menubar=yes, scrollbars=yes,resizable=yes,width=300,height=200')"一句。这种写法与Dreamweaver自动生成代码的效果无异。

　　我们已经知道window.open()内三个参数的意思――第一个为所要显示页的地址，第二个为目标窗口的名称，第三个则为窗口的外观特性的描述。第一、二个参数就不多讲了，我们讲一下第三个参数。对于第三个参数，我们可以这样写

“'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no, width=300, height=200,left=100, top=100'”

　　在这里toolbar代表工具栏，location代表地址栏,directories代表导航条，status为状态栏，menubar为菜单栏，scrollbars为滚动条，resizable为更改大小手柄，而 width、height分别表示窗口的宽和高，left、top则表示窗口弹出的位置。Toolbar, location, directories, status, menubar, scrollbars, resizable的值可设为yes、no、1或0，yes(1)表示新窗口具有该特性，no(0)则否。而width、height、left、top的值则应以数字填入，单位为px。

　　讲了这么多，你理解了吗？在Dreamweaver中添加行为，制作弹出窗口是不是很简单啊？手写代码也不是很难嘛！只要你再稍加实践，在很短的时间内，你就会感觉到：原来做弹出窗口，是这么简单的！

潜江圈v1.02.161107
潜江圈app下载-潜江圈app是一款生活服务应用，潜江圈app为用户打造一个潜江社区服务平台，方便用户在这里获取最新的潜江资讯，了解房屋租售、求职招聘等便民服务信息，为用户生活带来方便，您可以免费下载安卓手机潜江圈。
2016-11-15
宁夏农机补贴v1.6.5
宁夏农机补贴app下载-宁夏农机补贴app是一款主要为宁夏地区的农民朋友们准备的相关线上补贴办理软件，通过宁夏农机补贴app这款软件相关农民可以方便的办理相关农机补贴服务。，您可以免费下载安卓手机宁夏农机补贴。
2020-01-19
好友赠送的爱心总共可以在收件箱保存几天？ 天天爱消除1月25日每日一题
好友赠送的爱心总共可以在收件箱保存几天？这里说的是天天爱消除每日一题，那么好友赠送的爱心总共可以在收件箱保存几天？下面小编给大家带来天天爱消除1月25日每日一题的答案，一起来看看吧。,好友赠送的爱心总共可以在收件箱保存几天？ 天天爱消除1月25日每日一题
2017-01-25
dota2 ti8小绿本不朽1有什么 dota2 ti8勇士令状不朽1详细介绍
如昨日dota2官博预告的一样，今天凌晨dota2游戏客户端更新并推出了dota2 ti8国际邀请赛勇士令状，dota2 ti8小绿本。等待了一年，dota2玩家们又迎来了“剁手”狂欢。那么dota2 ti8小绿本不朽1有什么？一起来看看dota2 ti8勇士令状不朽1详细介绍,dota2 ti8小绿本不朽1有什么 dota2 ti8勇士令状不朽1详细介绍
2018-05-09
小米8多少钱 小米8什么时候上市的
小米8发布会已经结束，小米的外貌、价格、性能已经公布出来，小米8搭载骁龙845移动平台，内存6GB起步，支持3D人脸识别，其性能非常的强大，还不知道小米8多少钱的朋友，这里为大家解读小米8价格以及小米8什么时候上市,小米8多少钱 小米8什么时候上市的
2018-05-31
喵喵借款是真是假 喵喵借款邀请码在哪
喵喵借款号称是最快捷简单的一款手机借贷应用，手机注册即享额度，随时借贷秒速到账没有其他应用那么多繁琐操作。很多人都对喵喵借款是真是假有怀疑，并且听说还有邀请码，但是也找不到入口，小编就是来为大家解决问题的,喵喵借款是真是假 喵喵借款邀请码在哪
2015-11-20
流星蝴蝶剑手游成就怎么完成 流星蝴蝶剑手游成就完成攻略
流星蝴蝶剑手游成就怎么完成,很多新手玩家们却不知道游戏中该如何完成该成就！那么游戏中玩家们该如何完成这个成就呢？别着急,接下来就和小编一起来看下流星蝴蝶剑手游成就完成攻略！,流星蝴蝶剑手游成就怎么完成 流星蝴蝶剑手游成就完成攻略
2018-07-18
在漂移模式中,每天在午间和晚间都可以领取燃油,请问领取燃油的地方叫什么呢?
在漂移模式中，每天在午间和晚间都可以领取燃油，请问领取燃油的地方叫什么呢?相信很多玩家都还不太清楚吧，那么天天飞车飞车在漂移模式中，每天在午间和晚间都可以领取燃油，请问领取燃油的地方叫什么呢?一起来看看天天飞车8月11日每日一题的答案吧。,在漂移模式中,每天在午间和晚间都可以领取燃油,请问领取燃油的地方叫什么呢?
2015-08-11
怎么剪手机卡 手机卡怎么剪成小卡
怎么剪手机卡？这是很多手机用户购买新机后，第一个需要面对的问题。特别是大手机卡怎么剪成小卡成了许多用户的烦恼,怎么剪手机卡 手机卡怎么剪成小卡
2015-02-06
金塔县农业平台v1.0
金塔县农业平台app下载-金塔县农业平台app是一款专注农业的综合性服务平台，用户可以随时随地在线查看农业资讯，了解相关农业信息，您可以免费下载安卓手机金塔县农业平台。
2017-04-20
<123
X

今日特别推荐

本站所有内容均来自互联网分享站点所提供的公开引用资源，未提供资源上传、存储服务。 如果侵犯了您的权益，请通知我们，我们会及时删除侵权内容，谢谢合作！

51漫画|实时更新|网站地图|联系我们|湘ICP备20137398131号

CopyRight © 2013-2023, All Rights Reserved. acg51.cn