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

news/2024/11/18 3:43:33/

可以用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);

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

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

全部


http://www.ppmy.cn/news/774562.html

相关文章

Mac OS 悬浮窗口,并且可以保持在全屏的其他应用上。

最简单的一个方法NSPanel项目下载地址 #import <Cocoa/Cocoa.h>NS_ASSUME_NONNULL_BEGINinterface myWindow : NSPanelendNS_ASSUME_NONNULL_END #import "myWindow.h"implementation myWindow- (instancetype)initWithContentRect:(NSRect)contentRectstyle…

iOS关于悬浮窗口的实现

由于项目的需要&#xff0c;需要实现的一个悬浮窗口 &#xff0c;显示在整个应用界面。 思路一 另创建一个类 继承 uiwindow 设置成为 alter &#xff0c;使用 makeKeyAndVisible 显示在界面上&#xff0c; 这种方法效果在竖屏上面效果很好&#xff0c;开始的时候感觉 很不错…

ios添加全局悬浮按钮_iOS全局的悬浮窗

1.这个悬浮窗的持有者应该是比较稳定的&#xff0c;一般写在AppDelegate里面&#xff0c;KDEAISellFloatWindow继承于UIWindow&#xff0c; 关于UIWindow&#xff0c;为了保证始终悬浮在最上层&#xff0c;可以给windowLevel 设置成UIWindowLevelAlert UIWindowLevelAlert >…

IOS 应用悬浮窗

需求 在一个app应用的最顶部添加一个悬浮窗&#xff0c;就像ios系统AssistiveTouch 可以左右滑动&#xff0c;但是最终会停在左边或右边。 实现思路 在应用的视图的最顶层添加一个UIWindow&#xff0c;用这个UIWindow 充当悬浮窗&#xff0c;给UIWindow添加移动的手势监听&a…

android仿苹果悬浮窗(自动停靠、随手指滑动、返回主屏幕)

说明&#xff1a;本人写博客一来是为了方便日后查看项目&#xff0c;二来是希望能够和广大的程序猿相互交流学习&#xff0c;文章布局简单&#xff0c;如有嫌弃&#xff0c;请绕行&#xff0c;如有错误&#xff0c;请指出&#xff0c;谢谢。 实验环境&#xff1a;安卓6.0 魅族…

苹果悬浮球_买了一万块钱的苹果手机,悬浮球功能不会用?真的可惜了

苹果手机悬浮球就是大家俗称的"小白点"功能&#xff0c;虽然说现在是全面屏时代&#xff0c;大多数人都习惯了虚拟按键进行操作。也有很多快捷键功能。 但是iPhone手机小白点作为苹果手机经典功能之一&#xff0c;很多快捷功能非常实用&#xff0c;今天就来教教大家怎…

nginx七层代理和四层转发的理解

先来理解一下osi七层模型 应用层 应用层是ISO七层模型的最高层&#xff0c;它直接与用户和应用程序交互&#xff0c;提供用户与网络的接口。它包括各种应用协议&#xff0c;如HTTP、FTP、SMTP等&#xff0c;用于实现特定应用的功能和通信表示层 表示层…

hexo #01 安装

本篇主要步骤 1、前置环境2、安装 hexo3、初始化 hexo4、运行 hexo 1、前置环境 参考官网教程&#xff1a;hexo 博客系统安装前提 2、安装 hexo 这里采用官网推荐的第二种方式局部安装 hexo 包。 $ npm install hexo3、初始化 hexo 创建一个空文件夹&#xff0c;用来作为项…