永洪社区

标题: addhint提示框的默认显示时间可以设置吗？ [打印本页]
作者: yhdata_7AIDqUfo    时间: 2024-10-11 08:48
标题: addhint提示框的默认显示时间可以设置吗？
Addhint 提示框的显示时间可以设置吗，现在需要做一个数据安全的提示，可以是飘窗，也可以是提示框。
    目前提示框利用addhint添加的，但是默认显示时间过短。
    飘窗不会做。
    有大佬教教吗，或者提供其他方案，实现数据安全提示作用。
作者: yhbi老6了    时间: 2024-10-11 08:58
debug要确认的，你应该是接受不了对吧？呃，问一个外话，可以在报告中找一份空白处，给空间做提示语吗？可以的话倒是有办法设置显示时长
作者: yhdata_7AIDqUfo    时间: 2024-10-11 09:04
yhbi老6了 发表于 2024-10-11 08:58
debug要确认的，你应该是接受不了对吧？呃，问一个外话，可以在报告中找一份空白处，给空间做提示语吗？可 ...

报告中没有空白处做提示语了...现在想要飘窗或者弹出提示框。
     debug要确认的，这个没理解什么意思。
     如果是弹出提示框，让用户点击确认才能关闭也可以！
作者: yhbi老6了    时间: 2024-10-11 09:12
我们有两种框，
一种是你上面写到的addhint('轻量提示框')
另外一种是              debug('需确认的警告框')
作者: yhbi老6了    时间: 2024-10-11 09:14

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

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

这个做不到哦，目前只有上面两种框debug算是浮动的吧。不过得看你可不可以接受。
作者: yhdata_7AIDqUfo    时间: 2024-10-11 09:29
yhbi老6了 发表于 2024-10-11 09:12
我们有两种框，
一种是你上面写到的addhint('轻量提示框')
另外一种是              debug('需确认的警告框 ...

     明白了，感谢！
         请问您了解怎么制作在界面飘动的文本框，或者图片吗？
作者: yhdata_7AIDqUfo    时间: 2024-10-11 09:30
yhbi老6了 发表于 2024-10-11 09:22
这个做不到哦，目前只有上面两种框debug算是浮动的吧。不过得看你可不可以接受。
...

好的，谢谢！
作者: yhbi老6了    时间: 2024-10-11 09:43
本帖最后由 yhbi老6了 于 2024-10-11 09:47 编辑

研究了一下，这个效果不知道你可不可以接受，前提是你需要对hmtl有些许了解。方法是使用文本框可以写html和css的特点
好像需要预览才可以看到这两个悬浮框
  1. <style>
  2.         body {
  3.             margin: 0;
  4.             height: 100vh;
  5.             background-color: #f0f0f0;
  6.         }
  7.         #draggable3 {
  8.             position: fixed; /* 固定位置 */
  9.             top: 80px;    /* 上面边距 */
  10.             right: 50px;  /* 右边边距 */
  11.             width: 200px;
  12.             padding: 10px;
  13.             background-color: white;
  14.             border: 1px solid #ccc;
  15.             box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  16.             cursor: move; /* 鼠标悬停时显示移动光标 */
  17.             transition: transform 0.1s; /* 添加过渡效果 */
  18.         }

  20.         #draggable3:hover {
  21.             transform: scale(1.05); /* 悬停时放大效果 */
  22.         }
  23.                 .fade-out3 {animation: fadeOut 3s forwards; animation-delay: 5s;   /* 设置显示5秒，3秒淡化时间 */
  24.                 }
  25.                 @keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;display: none;}}
  26.        #draggable4 {
  27.             position: fixed; /* 固定位置 */
  28.             top: 180px;  /* 上面边距 */
  29.             right: 50px; /* 右边边距 */
  30.             width: 200px;
  31.             padding: 10px;
  32.             background-color: white;
  33.             border: 1px solid #ccc;
  34.             box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  35.             cursor: move; /* 鼠标悬停时显示移动光标 */
  36.             transition: transform 0.1s; /* 添加过渡效果 */
  37.         }

  39.         #draggable4:hover {
  40.             transform: scale(1.05); /* 悬停时放大效果 */
  41.         }
  42.                 .fade-out4 {animation: fadeOut 8s forwards; /* 设置8秒淡化时间 */
  43.                 }
  44.                 @keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;display: none;}}
  45.     </style>
  46. <body>
  47.     <div class="fade-out3" id="draggable3">文本3。</div>
  48.         <div class="fade-out4" id="draggable4">文本4。</div>
  49. </body>



复制代码

作者: 朝花夕拾    时间: 2024-10-11 13:45
yhbi老6了 发表于 2024-10-11 09:43
研究了一下，这个效果不知道你可不可以接受，前提是你需要对hmtl有些许了解。方法是使用文本框可以写html和 ...

高手高手高高手
作者: yhbi老6了    时间: 2024-10-11 13:59
朝花夕拾 发表于 2024-10-11 13:45
高手高手高高手

夕拾老哥才是真高手，我就混个洪豆
作者: 朝花夕拾    时间: 2024-10-11 14:26
yhbi老6了 发表于 2024-10-11 13:59
夕拾老哥才是真高手，我就混个洪豆

6哥谦虚了



欢迎光临 永洪社区 (https://club.yonghongtech.com/) Powered by Discuz! X3.4