一、效果二、部分代码

一、效果

二、部分代码

><div class="time-tips" id="two">星期二</div><div class="time-tips" id="three">星期三</div><div class="time-tips" id="four">星期四</div><div class="time-tips" id="five">星期五</div><div class="time-tips" id="six">星期六</div><div class="time-tips" id="seven">星期天</div><script>layui.use(['layer', 'laydate'], function () {let $ = layui.$;$(function(){var tip_index;$('.time-tips').on({mouseenter:function() {var id = $(this).attr('id');var content = "";if (id == 'one') {content = "这是周一";} else if (id == 'two') {content = '这是周二';} else if (id == 'three') {content = '这是周三';} else if (id == 'four') {content = '这是周四';} else if (id == 'five') {content = '这是周五';} else if (id == 'six') {content = '这是周六';} else if (id == 'seven') {content = '这是周天';}tip_index = layer.tips( content, this, {tips: [3, 'orange'], time: 0 });},mouseleave:function(){layer.close(tip_index);}});});});</script>