Layer tips实时悬浮显示隐藏

2021-11-2 / 0 评论 / 411 阅读
温馨提示:
本文最后更新于2021-11-2,已超过半年没有更新,若内容或图片失效,请留言反馈。

引用:

<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); 
    } 
 }); 

样式和位置可自己修改

评论一下?

OωO
取消