站长学堂
你的位置: 中国个人站长站 -- 站长学堂 -- 网页制作 -- Dreamweaver教程 -- 文章正文 轻松打造弹出窗口
推荐位

轻松打造弹出窗口

中国个人站长站 Dreamweaver教程 点击数: 更新时间:2005-3-13 17:36:25

  “如何制作弹出式窗口?”,这是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 >无标题文档< /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="MM_openBrWindow('yourpage.htm', 'winname','toolbar=yes,location=yes,status=yes, menubar=yes,scrollbars=yes,resizable=yes,width=300,height=200')" >

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

弹出窗口效果

< /body >

[1] [2] 下一页

Dreamwea… 网友投稿 文章录入:swh    责任编辑:swh 
个人站长站与你风雨同舟!
本站所提供的资源均来源于互联网,如有侵权行为,请与本站管理员联系,我们会第一时间删除!
·如果您发现《轻松打造弹出窗口》文章有错误,也请通知我们修改!
联系邮箱chinageren#126.com,谢谢支持!
站内搜索:
版权所有:中国个人站长站 2007-2008 未经授权禁止复制或建立镜像 客服QQ号:112731235
copyright © 2007-2008 www.ChinaGeRen.com online services. all rights reserved. 苏ICP备05000059号