鼠标悬停设置layui tips提示框
官方介绍:吸附层,灵活判断出现的位置,默认在元素的右侧弹出。
layer.tips(content, follow, options)
layer.tips(msg, '#id',{tips: 1})
必填参数 :
content: 生成的文本,可以是字符串或HTML代码
follow: 元素ID,若是元素本身可直接用this(绑定元素时)
options : tips的配置型,即位置[1上;2右;3下;4左, 字体颜色]
还有一些基础参数,我的另一篇文章中,是layer弹出层是基础参数
实例:
function showDiv(obj){ layer.tips("<span>车辆轨迹</span><span>关联人员</span>", "#"+obj.id, {tips:[2, '#663ff'], time:3000}); }
以上效果就是鼠标悬浮到a标签后,显示悬浮窗,3s后自动关闭。为啥要设置3秒自动关闭?因为这样可以让我们去点击a标签里的内容。由于会自动关闭,所以也不需要鼠标移除的事件。
需要注意的是,需要多个tips悬浮时,tipsMore(默认false)应该是flase的
本文来自博客园,作者:我永远喜欢石原里美,转载请注明原文链接:https://www.cnblogs.com/yuan-zhou/p/12034934.html
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY