[常用脚本]
addhint提示框的默认显示时间可以设置吗？
Addhint 提示框的显示时间可以设置吗，现在需要做一个数据安全的提示，可以是飘窗，也可以是提示框。
目前提示框利用addhint添加的，但是默认显示时间过短。
飘窗不会做。
有大佬教教吗，或者提供其他方案，实现数据安全提示作用。 |
免责声明：本文不代表本站立场，且不构成任何建议，请谨慎对待。
版权声明：作者保留权利，不代表本站立场。
|
|
|
|
|
|
|
|
|
debug要确认的，你应该是接受不了对吧？呃，问一个外话，可以在报告中找一份空白处，给空间做提示语吗？可以的话倒是有办法设置显示时长 |
|
|
|
|
|
|
|
|
yhdata_7AIDqUfo
来自手机
显示全部楼层
发表于 5 天前
yhbi老6了 发表于 2024-10-11 08:58
debug要确认的，你应该是接受不了对吧？呃，问一个外话，可以在报告中找一份空白处，给空间做提示语吗？可 ...
报告中没有空白处做提示语了...现在想要飘窗或者弹出提示框。
debug要确认的，这个没理解什么意思。
如果是弹出提示框，让用户点击确认才能关闭也可以！ |
|
|
|
|
|
|
|
|
我们有两种框，
一种是你上面写到的addhint('轻量提示框')
另外一种是 debug('需确认的警告框') |
|
|
|
|
|
|
|
|
yhdata_7AIDqUfo
来自手机
显示全部楼层
发表于 5 天前
yhbi老6了 发表于 2024-10-11 09:12
我们有两种框，
一种是你上面写到的addhint('轻量提示框')
另外一种是 debug('需确认的警告框 ...
明白了，谢谢。
请问您了解如何在界面添加飘动的文本框吗？ |
|
|
|
|
|
|
|
|
这个做不到哦，目前只有上面两种框debug算是浮动的吧。不过得看你可不可以接受。
|
|
|
|
|
|
|
|
|
yhdata_7AIDqUfo
来自手机
显示全部楼层
发表于 5 天前
yhbi老6了 发表于 2024-10-11 09:12
我们有两种框，
一种是你上面写到的addhint('轻量提示框')
另外一种是 debug('需确认的警告框 ...
明白了，感谢！
请问您了解怎么制作在界面飘动的文本框，或者图片吗？ |
|
|
|
|
|
|
|
|
yhdata_7AIDqUfo
来自手机
显示全部楼层
发表于 5 天前
yhbi老6了 发表于 2024-10-11 09:22
这个做不到哦，目前只有上面两种框debug算是浮动的吧。不过得看你可不可以接受。
...
好的，谢谢！ |
|
|
|
|
|
|
|
|
本帖最后由 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>
|
|
|
|
|
|
|
|
|
