Skip to content

tip 文字气泡

学习基础

假设你已经对 javascript 有了一定的了解。如不了解,请先去 W3School、菜鸟教程、MDN等平台学习javascript基础知识。

使用

示例

javascript
// 需要显示文字气泡的元素添加插件属性 
// open-tip-text:需要显示的内容 
// open-tip-type:显示的位置top|bottom|left|right 
<button open-tip-text="这里是显示的气泡内容" open-tip-type="top">tip文字气泡</button>

// 使用 
opener.tip();

统一设置气泡方向

如果元素设置了open-tip-type属性,统一设置则失效,属性设置具有一级优先

js
// 设置气泡在上方显示
opener.tip({
    type: 'top' // 统一设置所有气泡都在顶部显示,但是如果元素设置了open-tip-type属性,统一设置则失效,属性设置具有一级优先
})