登录/注册

首页 › 活字格专区 › 格友杂谈 › 查看内容

51 主题	188 帖子	853 积分

积分: 853

230
金币
51
主题
188
帖子

最新发帖

[资源分享] 关于鼠标滑动提示框的解决方法。

qsy_2021
中级会员 / 发表于：2022-10-11 21:33 / 查看：2898 / 回复：3

不废话，

第一步，引入 image.png351158446.png

image.png351158446.png

webui-popover.js，伸手链接<script src="https://cdn.bootcdn.net/ajax/libs/webui-popover/1.2.18/jquery.webui-popover.js"></script>
，第二步，引入<link href="https://cdn.bootcdn.net/ajax/libs/webui-popover/1.2.18/jquery.webui-popover.min.css" rel="stylesheet">，不要问我加在哪里。
第三步，重要的一步， image.png204598082.png

image.png204598082.png

，放入一个按钮，iconfont找一个合适的图标，然后，在页面加载的地方，把以下代码复制进去，#r5c40p_btn这个是你的按钮ID，在哪里找？F12。

$('#r5c40p_btn').webuiPopover({content:'Content',trigger:'hover',animation:'pop'});

复制代码

最后看效果，

image.png665578918.png

，鼠标移入显示，移出隐藏。
一些常规设置请移步官方文档。

评分

参与人数 3	金币 +666	满意度 +10	收起理由
13794930121		+ 5
Alink		+ 5
Joe.xu	+ 666		很给力!

查看全部评分

收藏

回复

3 个回复

倒序浏览

qsy_2021
中级会员 / 发表于：2022-10-12 12:06:37 来自 3#

本帖最后由 qsy_2021 于 2022-10-12 15:39 编辑

$("[fgcname='qa']").children().webuiPopover({
content:qatext
});

复制代码

可以命名一下button，以便于灵活使用。

回复 使用道具举报

爆笑虫子
初级会员 / 发表于：2022-10-12 09:53:00 沙发

不做回复限制，都是白拿

回复 使用道具举报

lijetcart
金牌服务用户 / 发表于：2022-10-15 16:01:20 地板

这种功能如果内置调整下多好

回复 使用道具举报