首页 > > 网页制作 > Flash >

FlashMX实战精选：定义弹出窗口

2008-04-02 10:44:43来源：互联网阅读 ()

　　实例说明

　　在设计网页的过程中，经常要制作一些弹出窗口，并且窗口的大小、隐藏菜单栏、工具栏等属性都可改变。

　　有关知识

　　通过JavaScript来控制弹出窗口的属性。

　　制作过程

　　步骤1：打开Flash，建立一个新文档。从菜单栏中选择插入>添加符号（Insert>New Symbol），在出现的对话框中选按钮（Button），命名为button，用矩形工具在Up帧画一矩形方框，如图所示。

　　

　　步骤2：将按钮放置在场景合适位置，选取按钮button，在Actions面板点从出现的下拉菜单中选Actions／Mouse Control／On ，加入鼠标事件，如图所示。

　　

　　再次点

　　

　　从出现的下拉菜单中选Actions／Browser/Network／Get URL，出现URL输入栏，如图所示。

　　

　　在URL栏输入：javascript:openwin("http://www.yufeng21.com"，"宇风多媒体"，"toolbar=no，location=no， width=776 height=600")

　　Windows (窗口)栏不用输入参数，因为JavaScript命令能够帮我们实现弹出窗口。

　　variables (变量)为默认的don’t send”。

　　最后的代码如下：

　　on (release) {

　　getURL ("javascript:openwin(\"http://www.yufeng21.com\"，\"宇风多媒体\"，\"toolbar=no，location=no， width=776 height=600\")");

　　}

　　提示：a."http：//www.yufeng21.com"：打开窗口的URL地址。

　　b.宇风多媒体：窗口名称。

　　c.toolbar=no，location=no， width=776 height=600：窗口属性。

　　步骤3：从菜单栏中选择文档>发布设定(File>Publish Settings)，在弹出对话框中选择HTML标签，配置相应参数或直接使用默认值，点击Publish按钮，发布HTML文档。如图所示。

　　

　　步骤4：编辑已发布的HTML文档，在</head>和<body>之间插入如下代码：

　　<SCRIPT LANGUAGE="JavaScript">

　　var newwin;

　　function openwin(winurl，winname，winfeatures)

　　{

　　newwin = window.open(winurl，winname，winfeatures);

　　}

　　</SCRIPT>

　　提示：能够在DreamWeaver、FrontPage等网页编辑软件中插入以上代码，也可在记事本中打开并编辑html文档，如图所示。

　　

　　步骤5：保存已编辑的文档，然后在浏览器中打开测试，弹出的窗口应该如图所示：

　　

　　可将上述URL地址换成其他地址，也可修改窗口属性，下面附上可配置的窗口属性选项及说明。

　　Toolbar

　　是否显示工具栏。Yes为显示；No为不显示

　　Location

　　是否显示地址栏。Yes为显示；No为不显示

　　Directories

　　是否显示链接栏。Yes为显示；No为不显示

　　Status

　　是否显示状态栏。Yes为显示；No为不显示

　　Menubar

　　是否显示菜单。Yes为显示；No为不显示

　　Scrollbar

　　是否显示滚动条。Yes为显示；No为不显示

　　Resizable

　　是否允许改变窗口的大小。Yes为允许；No为不允许

　　Width

　　设定窗口的宽度，以像素（px）为单位

　　Height

　　设定窗口的高度，以像素（px）为单位

　　Top

　　窗口和屏幕上边界的距离，单位为像素（px）

　　Left

　　窗口和屏幕左边界的距离，单位为像素（px）

　　Channelmode

　　设定是否要以windows98的频道查看方式打开窗口。Yes为以频道查看方式打开；No为打开一般窗口。默认值为No。

　　Fullscreen

　　设定窗口是否将新窗口打开为全屏幕。Yes为将新窗口打开为全屏幕窗口；No为打开为普通窗口，默认值为No。全屏幕打开窗口后，需要按下Alt F4键才能将窗口关闭。

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有