addhint提示框的默认显示时间可以设置吗？

显示全部楼层 · 2024-10-11 08:48:50

Addhint 提示框的显示时间可以设置吗，现在需要做一个数据安全的提示，可以是飘窗，也可以是提示框。
目前提示框利用addhint添加的，但是默认显示时间过短。
飘窗不会做。
有大佬教教吗，或者提供其他方案，实现数据安全提示作用。

显示全部楼层 · 发表于 2024-10-11 08:58:20

debug要确认的，你应该是接受不了对吧？呃，问一个外话，可以在报告中找一份空白处，给空间做提示语吗？可以的话倒是有办法设置显示时长

显示全部楼层 · 发表于 2024-10-11 09:04:16

yhbi老6了发表于 2024-10-11 08:58
debug要确认的，你应该是接受不了对吧？呃，问一个外话，可以在报告中找一份空白处，给空间做提示语吗？可 ...

报告中没有空白处做提示语了...现在想要飘窗或者弹出提示框。
debug要确认的，这个没理解什么意思。
如果是弹出提示框，让用户点击确认才能关闭也可以！

显示全部楼层 · 发表于 2024-10-11 09:12:38

我们有两种框，
一种是你上面写到的addhint('轻量提示框')
另外一种是 debug('需确认的警告框')

显示全部楼层 · 发表于 2024-10-11 09:14:35

显示全部楼层 · 发表于 2024-10-11 09:20:05

yhbi老6了发表于 2024-10-11 09:12
我们有两种框，
一种是你上面写到的addhint('轻量提示框')
另外一种是 debug('需确认的警告框 ...

明白了，谢谢。
请问您了解如何在界面添加飘动的文本框吗？

显示全部楼层 · 发表于 2024-10-11 09:22:26

yhdata_7AIDqUfo 发表于 2024-10-11 09:20
明白了，谢谢。
请问您了解如何在界面添加飘动的文本框吗？

这个做不到哦，目前只有上面两种框debug算是浮动的吧。不过得看你可不可以接受。

显示全部楼层 · 发表于 2024-10-11 09:29:29

yhbi老6了发表于 2024-10-11 09:12
我们有两种框，
一种是你上面写到的addhint('轻量提示框')
另外一种是 debug('需确认的警告框 ...

明白了，感谢！
请问您了解怎么制作在界面飘动的文本框，或者图片吗？

显示全部楼层 · 发表于 2024-10-11 09:30:34

yhbi老6了发表于 2024-10-11 09:22
这个做不到哦，目前只有上面两种框debug算是浮动的吧。不过得看你可不可以接受。
...

好的，谢谢！

显示全部楼层 · 发表于 2024-10-11 09:43:29

本帖最后由 yhbi老6了于 2024-10-11 09:47 编辑

研究了一下，这个效果不知道你可不可以接受，前提是你需要对hmtl有些许了解。方法是使用文本框可以写html和css的特点
好像需要预览才可以看到这两个悬浮框

<style>
body {
margin: 0;
height: 100vh;
background-color: #f0f0f0;
}
#draggable3 {
position: fixed; /* 固定位置 */
top: 80px; /* 上面边距 */
right: 50px; /* 右边边距 */
width: 200px;
padding: 10px;
background-color: white;
border: 1px solid #ccc;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
cursor: move; /* 鼠标悬停时显示移动光标 */
transition: transform 0.1s; /* 添加过渡效果 */
}
#draggable3:hover {
transform: scale(1.05); /* 悬停时放大效果 */
}
.fade-out3 {animation: fadeOut 3s forwards; animation-delay: 5s; /* 设置显示5秒，3秒淡化时间 */
}
@keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;display: none;}}
#draggable4 {
position: fixed; /* 固定位置 */
top: 180px; /* 上面边距 */
right: 50px; /* 右边边距 */
width: 200px;
padding: 10px;
background-color: white;
border: 1px solid #ccc;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
cursor: move; /* 鼠标悬停时显示移动光标 */
transition: transform 0.1s; /* 添加过渡效果 */
}
#draggable4:hover {
transform: scale(1.05); /* 悬停时放大效果 */
}
.fade-out4 {animation: fadeOut 8s forwards; /* 设置8秒淡化时间 */
}
@keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;display: none;}}
</style>
<body>
<div class="fade-out3" id="draggable3">文本3。</div>
<div class="fade-out4" id="draggable4">文本4。</div>
</body>

复制代码