html鼠标悬停box变色,ToolTip鼠标悬停的使用
应广大开发者的需求,我们提供了鼠标提示管理类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鼠标悬停的使用相关推荐
- java鼠标经过时变色_鼠标经过时单元格变色
鼠标经过时单元格变色 table{ color:#565; font:12px Arial, Helvetica, sans-serif; } td{ border-bottom:2px solid ...
- css3鼠标悬停图片特效,图片悬停效果
css3鼠标悬停图片特效,图片悬停效果 代码如下: <title>css3鼠标悬停图片特效,图片悬停效果源码</title><style>*{box-sizing: ...
- vue实现echarts树图修改节点图片,修改连线颜色,鼠标悬停显示详情,鼠标右键弹出菜单,搜索,导出PNG,高亮,查看节点是否还有子节点,修改树图的展示方式
其实这些效果之前都有用js写过,但是最近在写vue项目,里面的些许语法还是有些不一样的,所以还是写一遍文章总结一下,下次遇到就可以直接用了. 如果想看js写法,可以看我别的文章 首先,实现效果入下图: ...
- html鼠标离开点击停留,Javascript DOM事件操作小结(监听鼠标点击、释放,悬停、离开等)...
本文实例总结了Javascript DOM事件操作.分享给大家供大家参考,具体如下: 使用JavaScript可以对HTML页面上的各种事件进行监听,如鼠标点击/释放,鼠标悬停/离开,等等. 效果图: ...
- html鼠标悬停直线变粗,鼠标悬停或经过对象时CSS样式变化设置
:hover伪类配置名目 鼠标悬停颠末形态 鼠标悬停或经由对象时CSS格局转变设置装备摆设,常见于对A超链接标签设置鼠标经由悬停时CSS名目. a:hover{ color:#F00; backgro ...
- 隔行换色并且鼠标指向行变色的表格
一 应用 对于一些清单型数据,通常是利用表格展示到页面中.如果数据比较多,很容易看串行.这时,可以为表格添加隔行换色并且鼠标指向行变色功能. 二 代码 <script language=&quo ...
- css3实现鼠标移入图片变色
css3实现鼠标移入图片变色 方法一:准备两张图片,直接更改hover后的背景图片.这种方法简单粗暴,我就不过多赘述了. 方法二,利用css3的filter滤镜.不知道filter的同学可以去W3c多 ...
- JS实现奇偶行变色,鼠标滑上改变颜色,离开恢复颜色
JS实现奇偶行变色,鼠标滑上改变颜色,离开恢复颜色 css 奇偶行变色是通过 li:nth(odd) 和 li:nth(even) 实现的,鼠标滑上改变颜色,离开恢复颜色是通过 :hover 实现的 ...
- js 隔行变色+鼠标移上换色+鼠标离开颜色恢复+鼠标点击弹出点击的是第几行是什么颜色
隔行变色: 先获取要操作的HTML标签 var oLis = document.querySelectorAll('li') 循环HTML标签 for (var i = 0; i < oLis. ...
- html表格鼠标划过变色,CSS实现鼠标滑过表格变色
每个单元格变色: 第1行 第1列 第2行 第2列 第3行 第3列 第4行 第4列 第5行 第5列 ------------------------ 以上都用到expression,实现变得很方便,但是 ...
最新文章
- Java 为 Excel 中的行设置交替背景色
- 单核工作法12:现在专注一件事(下)
- 在Linux 环境下搭建 JDK 和 Tomcat
- java.lang.IllegalArgumentException: No Retrofit annotation found. (parameter #4)
- excel表格中添加combobox_Excel中两个表格对比,找出不同数据
- 将PostgreSQL PL / Java安装为PostgreSQL扩展
- ExoPlayer用户手册
- 审计文件服务器的5个核心要素
- python如何运行程序_01
- 美国智能机市场Android份额逼近苹果iOS
- atitit.jndi的架构与原理以及资源配置and单元测试实践
- springsecurity3的验证过程
- r语言 python 股票_如何用R语言下载到国内股票数据?
- 52好压卸载不干净,解压时仍有52好压选项【彻底删除步骤,超详细】
- Python实现猜拳游戏
- 双系统删除ubuntu详细指南(图解)
- 一、肿瘤全基因组分析概况(Pan-cancer analysis of whole genomes,PCAWG)
- 商超霸主之争:天猫节节败退 沦为京东陪练
- Android UI设计经验分享,掌握设计技巧,让你的应用独树一帜
- 工厂模式与策略模式之区别