应广大开发者的需求,我们提供了鼠标提示管理类TipManager,以此来实现鼠标悬停的提示功能

以下提供了三种鼠标提示package

{

import laya.net.Loader;

import laya.ui.Button;

import laya.ui.TipManager;

import laya.utils.Browser;

import laya.utils.Handler;

import ui.TestTipsUI;

public class ToolTipDemo

{

private var _testTip:TestTipsUI;//ui弹框(IDE发布),用于鼠标悬浮提示框

private var _tip:TipManager;//实例化TipManager

public function ToolTipDemo()

{

Laya.init(Browser.width,Browser.height);

Laya.stage.bgColor="#eeffcc";

Laya.loader.load("res/atlas/comp.json",Handler.create(this,onLoaded),null,Loader.ATLAS);

}

private function onLoaded():void

{

this._testTip=new TestTipsUI();//务必在Laya.init后去new实例,不可直接在全局变量处实例化

//切记,无论何种鼠标提示方式,务必要先实例化TipManager,简单的鼠标提示可以直接new tipManager

this._tip=new TipManager();//务必在Laya.init后去new实例,不可直接在全局变量处实例化

//简单的鼠标提示

var button:Button=new Button();

Laya.stage.addChild(button);

button.label="button One";

button.pos(100,100);

button.skin="comp/button.png";

button.toolTip="我是button One!";

//自定义鼠标提示

var button2:Button=new Button();

Laya.stage.addChild(button2);

button2.label="button Two";

button2.pos(250,100);

button2.skin="comp/button.png";

button2.toolTip=Handler.create(this,showTips,null,false);

//携带参数的自定义鼠标提示

var button3:Button=new Button();

Laya.stage.addChild(button3);

button3.label="button Three";

button3.pos(400,100);

button3.skin="comp/button.png";

button3.toolTip=Handler.create(this,showTips2,["button Three"],false);

}

private function showTips():void

{

_testTip.my_label.text="我是button Two"

_tip.showDislayTip(_testTip);

}

private function showTips2(name:String):void

{

_testTip.my_label.text="我是:" name;

_tip.showDislayTip(_testTip);//自定义鼠标悬浮提示请用showDislayTip

}

}

}显示效果:

简单悬浮提示

自定义悬浮提示

自定义携带参数悬浮提示

html鼠标悬停box变色,ToolTip鼠标悬停的使用相关推荐

  1. java鼠标经过时变色_鼠标经过时单元格变色

    鼠标经过时单元格变色 table{ color:#565; font:12px Arial, Helvetica, sans-serif; } td{ border-bottom:2px solid ...

  2. css3鼠标悬停图片特效,图片悬停效果

    css3鼠标悬停图片特效,图片悬停效果 代码如下: <title>css3鼠标悬停图片特效,图片悬停效果源码</title><style>*{box-sizing: ...

  3. vue实现echarts树图修改节点图片,修改连线颜色,鼠标悬停显示详情,鼠标右键弹出菜单,搜索,导出PNG,高亮,查看节点是否还有子节点,修改树图的展示方式

    其实这些效果之前都有用js写过,但是最近在写vue项目,里面的些许语法还是有些不一样的,所以还是写一遍文章总结一下,下次遇到就可以直接用了. 如果想看js写法,可以看我别的文章 首先,实现效果入下图: ...

  4. html鼠标离开点击停留,Javascript DOM事件操作小结(监听鼠标点击、释放,悬停、离开等)...

    本文实例总结了Javascript DOM事件操作.分享给大家供大家参考,具体如下: 使用JavaScript可以对HTML页面上的各种事件进行监听,如鼠标点击/释放,鼠标悬停/离开,等等. 效果图: ...

  5. html鼠标悬停直线变粗,鼠标悬停或经过对象时CSS样式变化设置

    :hover伪类配置名目 鼠标悬停颠末形态 鼠标悬停或经由对象时CSS格局转变设置装备摆设,常见于对A超链接标签设置鼠标经由悬停时CSS名目. a:hover{ color:#F00; backgro ...

  6. 隔行换色并且鼠标指向行变色的表格

    一 应用 对于一些清单型数据,通常是利用表格展示到页面中.如果数据比较多,很容易看串行.这时,可以为表格添加隔行换色并且鼠标指向行变色功能. 二 代码 <script language=&quo ...

  7. css3实现鼠标移入图片变色

    css3实现鼠标移入图片变色 方法一:准备两张图片,直接更改hover后的背景图片.这种方法简单粗暴,我就不过多赘述了. 方法二,利用css3的filter滤镜.不知道filter的同学可以去W3c多 ...

  8. JS实现奇偶行变色,鼠标滑上改变颜色,离开恢复颜色

    JS实现奇偶行变色,鼠标滑上改变颜色,离开恢复颜色 css 奇偶行变色是通过 li:nth(odd) 和 li:nth(even) 实现的,鼠标滑上改变颜色,离开恢复颜色是通过 :hover 实现的 ...

  9. js 隔行变色+鼠标移上换色+鼠标离开颜色恢复+鼠标点击弹出点击的是第几行是什么颜色

    隔行变色: 先获取要操作的HTML标签 var oLis = document.querySelectorAll('li') 循环HTML标签 for (var i = 0; i < oLis. ...

  10. html表格鼠标划过变色,CSS实现鼠标滑过表格变色

    每个单元格变色: 第1行 第1列 第2行 第2列 第3行 第3列 第4行 第4列 第5行 第5列 ------------------------ 以上都用到expression,实现变得很方便,但是 ...

最新文章

  1. Java 为 Excel 中的行设置交替背景色
  2. 单核工作法12:现在专注一件事(下)
  3. 在Linux 环境下搭建 JDK 和 Tomcat
  4. java.lang.IllegalArgumentException: No Retrofit annotation found. (parameter #4)
  5. excel表格中添加combobox_Excel中两个表格对比,找出不同数据
  6. 将PostgreSQL PL / Java安装为PostgreSQL扩展
  7. ExoPlayer用户手册
  8. 审计文件服务器的5个核心要素
  9. python如何运行程序_01
  10. 美国智能机市场Android份额逼近苹果iOS
  11. atitit.jndi的架构与原理以及资源配置and单元测试实践
  12. springsecurity3的验证过程
  13. r语言 python 股票_如何用R语言下载到国内股票数据?
  14. 52好压卸载不干净,解压时仍有52好压选项【彻底删除步骤,超详细】
  15. Python实现猜拳游戏
  16. 双系统删除ubuntu详细指南(图解)
  17. 一、肿瘤全基因组分析概况(Pan-cancer analysis of whole genomes,PCAWG)
  18. 商超霸主之争:天猫节节败退 沦为京东陪练
  19. Android UI设计经验分享,掌握设计技巧,让你的应用独树一帜
  20. 工厂模式与策略模式之区别

热门文章

  1. 摄氏度符号英文计算机语言,温度表示-摄氏度怎样用英文表示温度?给几个例子,好吗? 爱问知识人...
  2. simulink的pid参数自整定
  3. jmeter使用手册
  4. 小程序倒计时实现方法
  5. eNSP配置VLAN间路由
  6. MySQL-Front设置中文
  7. 利用EMCP物联网云平台通过手机APP和微信监控西门子S7-1200PLC云组态
  8. 我的世界MinecraftJava版开服教程(Linux)开服器开服包下载开服网站服务器开服核心开服端开服软件mac版Java启动器
  9. Python项目如何打包成whl文件
  10. unity移动平台阴影解决方案