1、当鼠标移动到目标上的时候，自动显示一个提示框。

1、tip页面

<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical" showCloseButton="true"
close="{PopUpManager.removePopUp(this)}"
width="400" height="300">
<mx:Script>
  <![CDATA[
  import mx.managers.PopUpManager;
  [Bindable]
   private var _msg:String = "";

   public function set msg(msg:String):void
   {
    this._msg = msg;
   }
  ]]>
</mx:Script>
<mx:Label text="{_msg}"/>
</mx:TitleWindow>

2、以下是负责控制显示tip

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="400" height="300">
<mx:Script>
<![CDATA[
import mx.managers.PopUpManager;
import mx.managers.IFocusManagerContainer;
import mx.core.UIComponent;

var tip:ShowTip = null;
  private function showTip(event:MouseEvent):void
  {
   tip = ShowTip(PopUpManager.createPopUp(this,ShowTip,false));
   tip.msg = event.target.label;
   //PopUpManager.centerPopUp(tip);
   var pt:Point = new Point(0,0);
   pt =(event.target).localToGlobal(pt);
   tip.x = pt.x+event.target.width;
   tip.y = pt.y+event.target.height;

   //systemManager.removeFocusManager(IFocusManagerContainer(tip));
  }
  private function focusTip(event:*):void
  {
   tip = ShowTip(PopUpManager.createPopUp(this,ShowTip,false));
   tip.msg = event.target.label;
   //PopUpManager.centerPopUp(tip);
   var pt:Point = new Point(0,0);
   pt =(event.target).localToGlobal(pt);
   tip.x = pt.x+event.target.width;
   tip.y = pt.y+event.target.height;
   //这里一定要移除，因为如果再按一次tab键的话，就会默认的到弹出框上了
   systemManager.removeFocusManager(IFocusManagerContainer(tip));
  }

  private function closeTip(event:*):void
  {
   PopUpManager.removePopUp(tip);
  }
]]>
</mx:Script>
<mx:HBox>
<mx:LinkButton label="LinkBtn1" mouseOver="focusTip(event)" mouseOut="closeTip(event)" focusIn="focusTip(event)" focusOut="closeTip(event)"/>
<mx:LinkButton label="LinkBtn2" mouseOver="focusTip(event)" mouseOut="closeTip(event)" focusIn="focusTip(event)" focusOut="closeTip(event)"/>
<mx:LinkButton label="LinkBtn3" mouseOver="focusTip(event)" mouseOut="closeTip(event)" focusIn="focusTip(event)" focusOut="closeTip(event)"/>
<mx:LinkButton label="LinkBtn4" mouseOver="focusTip(event)" mouseOut="closeTip(event)" focusIn="focusTip(event)" focusOut="closeTip(event)"/>
</mx:HBox>
</mx:Canvas>

1、当鼠标移动到目标上的时候，自动显示一个提示框。相关推荐

鼠标悬停在li标签上时显示一个弹框_HTML标签——列表标签
列表使用场景: 内容相关.结构相似.样式相近的内容,根据内容的不同分为:无序列表.有序列表.定义列表无序列表:两个标签<ul>和<li>,是嵌套关系,快捷键ul>li ...
android 搜索框 github,Github上Android简单好用的提示框推荐 | 夕辞
Android开发过程中经常会用到消息提示的Dialog,有人可能会用AlterDialog等,在这里推荐一个github上比较好用的提示Dialog组件:SimpleTipDialog. 用法比较简 ...
插上USB设备虚拟机不弹提示框
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录方法一.更改虚拟机USB协议方法二.打开主机关于虚拟机USB服务方法一.更改虚拟机USB协议点开虚拟机设置,找到USB ...
鼠标悬停帮助图标显示文字提示框代码
<style type="text/css">.help-tip {cursor:pointer;text-align: left;font-size: 14px;ba ...
uniapp点击返回上一页按钮弹出提示框是否确认保存信息
点击按钮时弹出提示框判断是否需要保存代码 data() {return {flag: true //是否弹出返回提示框 } }, onBackPress() {if (this.flag) {uni ...
php onmouse,html在鼠标按钮在元素上按下时触发的事件属性onmousedown
实例当在段落上按下鼠标按钮时执行一段 JavaScript: 请点击此文本! 浏览器支持 IE Firefox Chrome Safari Opera 所有主流浏览器都支持 onmousedown ...
前端提示框定位在鼠标的右下_前端基础高频面试题(更新中)
页面渲染的全过程输入url后,先拿到html文件,html下载完以后会开始对它进行解析 html在解析的过程中,如果文本里有外部资源链接,比如css.js和img时,会立即启用其他线程下载这些静态资 ...
vue中轻松搞掂鼠标气泡框提示框tip跟随
<template><div><sg-tip :show="isShowTip">{{tipContent} ...
如何在html上做弹框效果,网页|利用提示框（Tooltip）实现弹窗效果
一.提示框的运用二.Tooltip简单介绍提示工具(Tooltip)是一个插件,可以根据需求生成标记内容,但在默认情况下是把提示工具(tooltip)放在它们的触发元素后面.在bootstrap中 ...
鼠标移动到函数上时显示注释 c++_《30天自制操作系统》 05-08部分从字符显示到中断处理...
1. 文字鼠标显示 a. 定义BOOTINFO结构体这个结构体包含操作系统的基础信息结构体声明如下: struct BOOTINFO {char cyls, leds, vmode, reserv ...

1、当鼠标移动到目标上的时候，自动显示一个提示框。

1、当鼠标移动到目标上的时候，自动显示一个提示框。相关推荐

最新文章

热门文章