前兩天有一個需求，當鼠標移動到表格中時，展示一些內(nèi)容，再elementUI中，我們可以使用cell-mouse-enter和Tooltip 文字提示來實現(xiàn)，但是layui中并沒有這些，所以需要原生的鼠標移入事件。這里我們選擇toolbar。

    Toolbar類似于templet ，通常接受一個選擇器或者一段html，這里我們選擇選擇器。

    Toolbar對應(yīng)的模板容器則是下邊這塊，我們給它添加一個鼠標移入事件，并且傳遞的參數(shù)是調(diào)用事件的元素，也就是它本身。

    接下來我們構(gòu)造一個foodInfo函數(shù)，然后使用layer.tips彈出層來實現(xiàn)我們的需求，layer.tips參數(shù)為：

    layer.tips(新加的內(nèi)容,'選擇節(jié)點',{time: 0, area: ['20%', '20%'], skin: 'layui-layer-rim', tips: [3, '#ffffff'], closeBtn: false});
        time:為0時tips窗口不會消失
        area:窗口大小設(shè)置
        skin:官方的皮膚
        tips:2 tips（默認）層的私有參數(shù)。支持上右下左四個方向，通過1-4進行方向設(shè)定。如tips: 3則表示在元素的下面出現(xiàn)。有時你還可能會定義一些顏色
        closeBtn:右上角的關(guān)閉按鈕

        效果實現(xiàn)：

    了解更多l(xiāng)ayui知識點擊這里。