前兩天有一個需求，當鼠標移動到表格中時，展示一些內容，再elementUI中，我們可以使用cell-mouse-enter和Tooltip 文字提示來實現，但是layui中并沒有這些，所以需要原生的鼠標移入事件。這里我們選擇toolbar。
Toolbar類似于templet ，通常接受一個選擇器或者一段html，這里我們選擇選擇器。
Toolbar對應的模板容器則是下邊這塊，我們給它添加一個鼠標移入事件，并且傳遞的參數是調用事件的元素，也就是它本身。
接下來我們構造一個foodInfo函數，然后使用layer.tips彈出層來實現我們的需求，layer.tips參數為：
layer.tips(新加的內容,'選擇節點',{time: 0, area: ['20%', '20%'], skin: 'layui-layer-rim', tips: [3, '#ffffff'], closeBtn: false});
time:為0時tips窗口不會消失
area:窗口大小設置
skin:官方的皮膚
tips:2 tips（默認）層的私有參數。支持上右下左四個方向，通過1-4進行方向設定。如tips: 3則表示在元素的下面出現。有時你還可能會定義一些顏色
closeBtn:右上角的關閉按鈕 
效果實現：
了解更多layui知識點擊這里。
上一篇： 阻止From表單enter提交
