Layer 提示框tips使用
一、相关参数:
1、tips - tips方向和颜色
tips - tips方向和颜色
类型:Number/Array,默认:2
tips层的私有参数。支持上右下左四个方向,通过1-4进行方向设定。如tips: 3则表示在元素的下面出现。有时你还可能会定义一些颜色,可以设定tips: [1, '#c00']
2、layer.tips(content, follow, options) - tips层
3、time参数
time - 自动关闭所需毫秒
类型:Number,默认:0 不会自动关闭
默认不会自动关闭。当你想自动关闭时,可以time: 5000,即代表5秒后自动关闭,注意单位是毫秒(1秒=1000毫秒)
二、相关代码:
//HTML<span class="question">?</span>//javaScript$(function(){let tip_index;$('.question').on({mouseenter:function(){let content = "第一行<br/>第二行";// tip_index = layer.tips( content, '.question',{ tips: 4, time: 0 });tip_index = layer.tips( content, '.question',{ tips: [1, 'red'], time: 0 });},mouseleave:function(){layer.close(tip_index);}});})