<b>轻松打造弹出窗口</b>[DW设计]

“若何制作弹出式窗口?”,这是初学者常常会问的问题.找个供应特效的,或是Down个特效工具粘贴一下代码不就得了!还不简单.其实更简单的办法是利用我们最常用的.普通的弹出式窗口,简单地址几下便可以完成.不信?来看看!只要按以下几步操作,你就可以轻松地做出弹出窗口效果.

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）的同时,翻开一个新的浏览窗口.

 

　　实际上,在行为面板中增添行为的历程,就是生成javascript代码的历程.上面的几步中,生成了下列代码.在下面以粗体显示,“< !—”和“-- >” 之间的为该部份代码的注释:

< html >

< head >

< title >无标题文档< /title >

< meta http-equiv="Content-Type" content="text/html; charset=gb2312" >

< script language="JavaScript" >

< !--

function MM_openBrWindow(theURL,winName,features) { //v2.0

window.open(theURL,winName,features);

}

//-- >

< /script >< !—按照传送过来的值翻开窗口 -- >

< /head >

< body bgcolor="#FFFFFF" text="#000000" >

< !—设置弹出窗口的各个属性的值,并将值传送到各对应形参,并设置激起事件为onLoad-- >

弹出窗口效果

< /body >

< /html >

　　你可以这样理解上面的代码:当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地址上的页面.

理解了代码的意思后,我们可以知道代码可以直接这样写:在< body >内加入



　　一句.这种写法与自动生成代码的效果无异.

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

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

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

　　讲了这么多,你理解了吗?在中增添行为,制作弹出窗口是不是很简单啊?手写代码也不是很难嘛!只要你再略加实践,在很短的时间内,你就会感遭到:本来做弹出窗口,是这么简单的!