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

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

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

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

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

        效果實(shí)現(xiàn)：

    了解更多l(xiāng)ayui知識(shí)點(diǎn)擊這里。