实例说明
在设计网页的过程中,经常要制作一些弹出窗口,并且窗口的大小、隐藏菜单栏、工具栏等属性都可改变。
有关知识
通过JavaScript来控制弹出窗口的属性。
制作过程
步骤1: 打开Flash,建立一个新文件。从菜单栏中选择插入>添加符号(Insert>New Symbol),在出现的对话框中选按钮(Button),命名为button,用矩形工具在Up帧画一矩形方框,如图1所示。
图1制作按钮button
步骤2:将按钮放置在场景合适位置,选取按钮button,在Actions面板点
从出现的下拉菜单中选Actions/Mouse Control/On ,加入鼠标事件,如图2所示。
图2在专家模式中选择鼠标事件
再次点
从出现的下拉菜单中选Actions/Browser/Network/Get URL,出现URL输入栏,如图3所示。
图3输入网址
在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所示。
图4发布HTML文件
步骤4:编辑已发布的HTML文件,在和之间插入如下代码:
<script language="JavaScript" type="text/javascript">
var newwin;
function openwin(winurl,winname,winfeatures)
{
newwin = window.open(winurl,winname,winfeatures);
}
</script>
提示:可以在DreamWeaver、FrontPage等网页编辑软件中插入以上代码,也可在记事本中打开并编辑html文件,如图5所示。
图5用记事本编辑html文件
步骤5:保存已编辑的文件,然后在浏览器中打开测试,弹出的窗口应该如图6所示:
图6弹出新窗口
可将上述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键才能将窗口关闭。
在设计网页的过程中,经常要制作一些弹出窗口,并且窗口的大小、隐藏菜单栏、工具栏等属性都可改变。
有关知识
通过JavaScript来控制弹出窗口的属性。
制作过程
步骤1: 打开Flash,建立一个新文件。从菜单栏中选择插入>添加符号(Insert>New Symbol),在出现的对话框中选按钮(Button),命名为button,用矩形工具在Up帧画一矩形方框,如图1所示。
步骤2:将按钮放置在场景合适位置,选取按钮button,在Actions面板点
![](http://school.gaoshou.net/upload/1078178556.jpg)
再次点
![](http://school.gaoshou.net/upload/1078178540.jpg)
在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所示。
<script language="JavaScript" type="text/javascript">
var newwin;
function openwin(winurl,winname,winfeatures)
{
newwin = window.open(winurl,winname,winfeatures);
}
</script>
提示:可以在DreamWeaver、FrontPage等网页编辑软件中插入以上代码,也可在记事本中打开并编辑html文件,如图5所示。
步骤5:保存已编辑的文件,然后在浏览器中打开测试,弹出的窗口应该如图6所示:
可将上述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键才能将窗口关闭。