Layer tips实时悬浮显示隐藏
温馨提示:本文最后更新于2021年11月2日 14:45,若内容或图片失效,请在下方留言或联系博主。
引用:
<script src="//cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<link href="//cdn.bootcss.com/layer/3.0.1/skin/default/layer.css" rel="stylesheet">
<script src="//cdn.bootcss.com/layer/3.0.1/layer.min.js"></script>
HTML:
<span tan="啦啦啦"></span>
JS:
$('span').on({
mouseenter:function(){
var that = this;
var nei = $(this).attr("tan");
if(nei){
tips =layer.tips("<span style='color:#000;font-size:20px;'>"+nei+"</span>",that,{tips:[2,'#fff'],time:0,area: 'auto',maxWidth:500});
}
},
mouseleave:function(){
layer.close(tips);
}
});
样式和位置可自己修改