onmouseenter 鼠标指针移动到元素上时触发和 onmouseente

最新推荐文章于 2023-09-15 14:36:47 发布

一步步迈入网络

最新推荐文章于 2023-09-15 14:36:47 发布

阅读量305

点赞数

分类专栏： javascript 文章标签： javascript jquery html

本文链接：https://blog.csdn.net/qweasdassd/article/details/116497157

版权

JavaScript layer 提示信息悬停事件元素交互

关键词由CSDN通过智能技术生成

javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<a href="javascript:void(0)" id="tipsId" onmouseenter="showLogInfo('${row.infoData}' οnmοuseleave="leaveLogInfo('${row.infoData}')">详情</a>

layer实现

var tip_index = 0;
function showLogInfo(infoData) {
   var infoStr = infoData.split("，");
   tip_index = layer.tips(infoStr[0] + "<br/>" + infoStr[1] + "<br/>" + infoStr[2] + "<br/>", '#tipsId', {
       tips: [2, '#5BC0DE'], //1-上，2-右，3-下，4-左
       area: 'auto',
       time: 0
   });
}

function leaveLogInfo() {
    layer.close(tip_index);
}