JS鼠标悬停设置layui tips提示框

官方介绍:吸附层,灵活判断出现的位置,默认在元素的右侧弹出。

1
2
3
4
5
6
7
8
9
10
11
layer
.tips
(
content
, follow, options)
layer
.tips
(msg,
'#id'
,{tips:
})

必填参数 :
content: 生成的文本,可以是字符串或HTML代码
follow: 元素ID,若是元素本身可直接用this(绑定元素时)
options : tips的配置型,即位置[1上;2右;3下;4左, 字体颜色]
还有一些基础参数,我的另一篇文章中,是layer弹出层是基础参数
实例:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
function
showDiv
(
obj
)
{
layer.
tips
(
"<span>车辆轨迹</span><span>关联人员</span>"
,
"#"
+obj.id,
{
tips
:[
,
'#663ff'
],
time
:
});
}

以上效果就是鼠标悬浮到a标签后,显示悬浮窗,3s后自动关闭。为啥要设置3秒自动关闭?因为这样可以让我们去点击a标签里的内容。由于会自动关闭,所以也不需要鼠标移除的事件。
需要注意的是,需要多个tips悬浮时,tipsMore(默认false)应该是flase的


JS鼠标悬停设置layui tips提示框
https://zhouyinglin.top/2022/08/06/JS鼠标悬停设置layui tips提示框/
作者
小周
发布于
2022年8月6日
许可协议