使用layer.tips实现鼠标悬浮时触发事件提示消息实现

代码:


    

方法一:


实现效果:

  如图所示,当鼠标悬浮在label标签范围内时,通过layer.tips弹出提示消息。其中tips:中设置为4,表示左边有空间时在左边弹出消息框;

  也可设置为其它:

    1——上方;2——右方;3——方;

  详情可查看:https://www.layui.com/doc/modules/layer.html#tips

方法二:(通过过滤器去筛选)

$("label").not(":last").mouseover(function() {
    		layer.tips($(this).text(), this, {
   	          tips: [3, "#4794ec"]
   	        });
    	});

 其中 .not(":last") 表示排除最后一个,整体意思是:除过最后一个label标签外的其他所有label标签。

 

转载于:https://www.cnblogs.com/Big-Boss/p/9531235.html

你可能感兴趣的:(使用layer.tips实现鼠标悬浮时触发事件提示消息实现)