如何在html添加悬浮页面,如何设置悬浮窗口?

可以用FlashMX来制作，下面是教程

用FlashMX制作拖动悬浮窗口

在课件制作过程中，有些需要重点突出的知识点要在单独的画面中显示，并且要求可以拖动。这就是我们平时所说的可以拖动的悬浮窗口。笔者以Flash MX为课件制作平台，将实现方法与大家共享。

此方法只用到一个SWF文件，主场景和悬浮窗口都包含在同一个文件中。首先将悬浮窗口隐藏起来，当主场景中的按钮按下之后，把悬浮窗口显示出来，这样，就显示了可拖动的悬浮窗口。

1。在主场景中设置好背景，制作好一个个性化的按钮，在按钮上右击，选择“动作”，添加如下代码：

on (release) {

setProperty("/windows", _visible, true);

}

其中“setProperty("/windows", _visible, true)”是设置影片实例Windows的可见性，当此按钮按下时，将影片实例Windows显示出来。

2。下面制作悬浮窗口的影片剪辑：插入“新建组件/影片剪辑”，在场景里画上一个半透明的方框，输入要显示的具体内容。在方框的上方制作一个按钮，名为“Drag”，右上方也制作一个按钮，名为“CloseWindow”。

然后在Drag按钮上右击，选择“动作”，加入如下代码：

On (Drag Over, Drag Out)

Start Drag ("/windows")

End On

On (Release, Release Outside)

Stop Drag

End On

第一个“On 。

。。 End On”表示当Drag按钮按下时，让实例Windows跟随鼠标移动(注意，选择“Start Drag”时，不要在“Lock mouse to center”中打勾)。第二个“On 。。。 End On”表示当鼠标按钮松开时，停止拖动。

在CloseWindow按钮上右击，选择“动作”，加入如下代码：

on (release) {

setProperty("/windows", _visible, false);

}

此时，当CloseWindow按钮按下时，让实例Windows隐藏起来，即关闭窗口。

3。回到主场景，打开“图库”，将刚才制作好的MC拖到场景中，并定义这个MC的实例名为Windows(与setProperty句中的实例名一致)。为使窗口一开始不显示，在主场景中增加一个图层，在第一帧上右击，选择“动作”，加入如下代码：

setProperty("/windows", _visible, false);

好了，现在可以测试影片了。

按下主场景中的按钮，原来隐藏的窗口显示出来了。这样，一个可拖动的悬浮窗口便制作完成了。

。

全部

如何在html添加悬浮页面,如何设置悬浮窗口?相关推荐

ecshop后台首页mysql_ecshop 添加后台页面以及设置权限
ecshop 添加新页面给ecshop后台增加管理功能页面比如我们增加一个统计报表叫做物流费用统计报表放在后台"报表统计"栏目中具体操作步骤: 第一步,我们要添加一个菜单 ...
Microsoft Word 教程：如何在 Word 中更改页面方向、为页面添加边框？
欢迎观看 Microsoft Word 教程,小编带大家学习 Microsoft Word 的使用技巧,了解如何在 Word 中更改页面方向.为页面添加边框. 将页面方向更改为横向或纵向,在 word ...
java设置界面边框,技术员教你解决Java 添加Word页面边框
电脑现已成为我们工作.生活和娱乐必不可少的工具了,在使用电脑的过程中,可能会遇到Java 添加Word页面边框的问题,如果我们遇到了Java 添加Word页面边框的情况,该怎么处理怎么才能解决Java ...
go语言 echo框架_如何在Go Echo Web框架中设置嵌套HTML模板
go语言 echo框架 by Ying Kit Yuen 英杰苑如何在Go Echo Web框架中设置嵌套HTML模板 (How to setup a nested HTML template in ...
android6悬浮窗权限设置,适配悬浮窗权限与系统设置修改权限
Android 6.0的特殊权限(Special Permissions)包括java 悬浮窗权限(SYSTEM_ALERT_WINDOW) 系统设置修改权限(WRITE_SETTINGS) Andr ...
Android:如何添加一个页面，如何跳转页面
一.如何为安卓添加多个页面新建一个工程打开这样然后删掉 @Override public boolean onCreateOptionsMenu(Menu menu) { ...
MVC起始页面路径设置
MVC起始页面路径设置 MVC起始页面路径在开发的时候用到了MVC框架,但是,路径的设置是一个经常遇到的问题,尤其是404提示. 首先,新建自己的文件夹,由于是多人合作开发,最后就是根据模块功能建立 ...
html设置excel打开新窗口,怎么在excel的大页面上设置第几页第几页的
excel总是显示很大字"第几页第几页"怎么去掉打开excel表格,可以在页面显示中看到有浅灰色的"第1页"."第3页"字样. 点击页面上 ...
android动态添加的页面怎么加功能_Android跳转应用安装页面
一.低版本跳转方式 Intent intent = new Intent(Intent.ACTION_VIEW);intent.setDataAndType(uri,"application ...

如何在html添加悬浮页面,如何设置悬浮窗口?

如何在html添加悬浮页面,如何设置悬浮窗口?相关推荐

最新文章

热门文章