要实现上图所示的效果,即鼠标移到问号元素上,弹出提示信息,鼠标移开后提示层消失的效果,方法有三种:
方法一:
用原始的js实现,即在鼠标要悬停的元素上添加onMouseOver和onMouseOut捕获鼠标事件。(过时的方法)。
方法二:(推荐使用)
JQuery的 mouseover()和mouseout()方法。例如使用此方法结合layui前端框架的tip提示层实现上述效果代码如下:
HTML代码片段:
短信签名js代码片段:
var tip_index;
$("#dxqm").mouseover(function(){
tips_index =layer.tips('是指短信内容里【】里的内容,一般用于写店铺简称,比如短信内容是:“用户1888888888于2020-03-24 15:33:20在本店购物获赠积分20分【永惠百货】”。其中“永惠百货”即为短信签名',this,{time:0});
});
$("#dxqm").mouseout(function(){
layer.close(tips_index); //关闭弹出层索引
});
方法三:
jQuery hover() 方法(强力推荐)
语法:$(selec