使用layer.tips實現鼠標懸浮時觸發事件提示消息實現


代碼:

<body>
    <label id="test" onmouseover="show('test')">
        你瞅啥!?過來試試!
    </label>
</body>

方法一:

<script>
	function show(id) {
	    layer.tips("左邊么么噠", "#"+id+"", {
  		  tips: [4, "#4794ec"]
  		});
	}
</script>

實現效果:

  如圖所示,當鼠標懸浮在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標簽。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM