<p context-tip="自定义上下文提示信息">段落内容...</p>
<div context-tip="自定义上下文提示信息">div内容...</div>
js代码部分:
// 悬浮提示
$("body").on("mouseenter", "*[context-tip]", function () {
var content = $(this).attr('context-tip');
this.index = layui.layer.tips('<div style="padding: 0px; font-size: 14px; color: #eee;">' + content + '</div>', this, {
time: -1
, maxWidth: 280
, tips: [3, '#3A3D49']
});
});
$("body").on("mouseleave", "*[context-tip]", function () {
layui.layer.close(this.index);
});
最终实现的效果如下图所示:
The End





大气响应式网络建站服务公司织梦模板
高端大气html5设计公司网站源码
织梦dede网页模板下载素材销售下载站平台(带会员中心带筛选)
财税代理公司注册代理记账网站织梦模板(带手机端)
成人高考自考在职研究生教育机构网站源码(带手机端)
高端HTML5响应式企业集团通用类网站织梦模板(自适应手机端)