轻松为自己网站弄一个tooltip提示

需要组件:jquery、layer

讲解: .xm-tips  这是类名,可自定义

             xm-tips-title="提示语"  可自定义

演示: 我是正常显示的内容

 代码实例

html代码:
<div class="xm-tips" xm-tips-title="我是提示语">
我是正常显示的内容
</div>

js代码:
$('.xm-tips').on('click touchstart mouseenter', function() {
 var title = $(this).attr('xm-tips-title');
 var tips=layer.tips(title, this, {tips:[1,'#3F9BFD']});
 })

 

 

更新时间:2025-02-21 18:55:38

本文地址:https://www.xmnav.cn/post/17.html

版权声明:本站所发布的全部内容源于互联网搬运,仅限于小范围内传播学习和文献参考,请在下载后24小时内删除。如果有侵权之处请第一时间联系我们删除,敬请谅解!kihaluge@qq.com