codecamp

React EasyUI 提示框

当用户的鼠标指针停留在某个元素上时,该元素出现提示信息窗口用来显示额外的元素相关信息。

属性列表

名称 数据类型 作用描述 默认值
tooltipCls string 提示框样式类。 null
tooltipStyle Object 提示框的内联样式。 null
content string, function 提示框内容。 null
position string 提示框的位置。可选值:'left', 'right', 'top', 'bottom'。 bottom
trackMouse boolean 为True时,使提示框同鼠标一起移动。 false
deltaX number 与提示框位置的水平距离。 0
deltaY number 与提示框位置的垂直距离。 0
showDelay number 显示提示框的时间延迟。 200
hideDelay number 隐藏提示框的时间延迟。 100
showEvent string 使提示框出现的事件。 mouseenter
hideEvent string 使提示框隐藏的事件。 mouseleave

事件列表

名称 参数 作用描述
onShow none 显示提示框时触发。
onHide none 隐藏提示框时触发。

注:
- 继承: LocaleBase 。

使用方法

<Tooltip content="This is a tooltip.">
    <span>Hover Me</span>
</Tooltip>
React EasyUI 进度条
React EasyUI 搜索框
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

React EasyUI 教程总览

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }