原生＋jquery写自动消失的提示框

news2025/2/23 1:23:13 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>自动消失消息提示</title>
<style>
    /* 样式可以根据需求自行定义 */
    .message {
        position: fixed;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
        padding: 10px 20px;
        background-color: #4CAF50;
        color: white;
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0,0,0,0.2);
        display: none;
    }
</style>
</head>
<body>

<div class="message" id="messageBox"></div>
<button onclick="showMessage()">显示消息</button>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
function showMessage() {
    var messageBox = $('#messageBox');
    messageBox.text('这是一条自动消失的消息！');
    messageBox.fadeIn();
    setTimeout(function() {
        messageBox.fadeOut();
    }, 3000); // 3秒后自动消失
}
</script>

</body>
</html>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/2149415.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

linux内核 devtmpfs介绍

linux内核 devtmpfs介绍

文章目录 概要整体架构流程技术细节 概要 提示&#xff1a;这里可以添加技术概要 linux内核中 devtmpfs实现介绍 内核版本&#xff1a;5.10 Devtmpfs在Linux中是一个特殊的设备文件系统&#xff0c;主要用来linux内核中加速启动过程和管理设备节点。高版本的linux基本都是使用…
阅读更多...
25届计算机专业毕设选题推荐-基于python的二手电子设备交易平台【源码+文档+讲解】

25届计算机专业毕设选题推荐-基于python的二手电子设备交易平台【源码+文档+讲解】

&#x1f496;&#x1f525;作者主页&#xff1a;毕设木哥 精彩专栏推荐订阅&#xff1a;在 下方专栏&#x1f447;&#x1f3fb;&#x1f447;&#x1f3fb;&#x1f447;&#x1f3fb;&#x1f447;&#x1f3fb; 实战项目 文章目录 实战项目 一、基于python的二手电子设备交…
阅读更多...
【渗透测试】——VulnHub靶机渗透实战 | HA:Joker

【渗透测试】——VulnHub靶机渗透实战 | HA:Joker

&#x1f4d6; 前言&#xff1a;Vulnhub 是一个漏洞靶场平台&#xff0c;里面含有大量的靶场镜像&#xff0c;只需要下载虚拟机镜像&#xff0c;导入 VMWare 或者 VirtualBox 即可启动靶场。本文将从环境搭建、端口扫描、目录扫描到信息提取和突破8080端口&#xff0c;尽可能排…
阅读更多...
Cesium Shader 广告牌纹理动画

Cesium Shader 广告牌纹理动画

Cesium Shader 广告牌纹理动画 Cesium 在广告牌, 自定义shader实现播放spritesheet. 图片资源: https://www.codeandweb.com/free-sprite-sheet-packer Cesium Shader 广告牌纹理动画
阅读更多...
MySQL高阶1843-可疑银行账户

MySQL高阶1843-可疑银行账户

目录 题目 准备数据 ​分析数据 实现 总结 题目 如果一个账户在 连续两个及以上 月份的 总收入 超过最大收入&#xff08;max_income&#xff09;&#xff0c;那么认为这个账户 可疑。 账户当月 总收入 是当月存入资金总数&#xff08;即 transactions 表中 type 字段的…
阅读更多...
Vivado FIR IP 详解 （一）

Vivado FIR IP 详解 （一）

FIR滤波器是数字信号处理中常用的滤波器&#xff0c;除了通过Verilog代码自己实现外&#xff0c;Vivado提供了一个FIR滤波器 IP&#xff0c;可以直接调用。 一、什么是 Vivado FIR IP 核 FIR&#xff08;Finite Impulse Response&#xff09;滤波器即有限长单位冲激响应滤波器…
阅读更多...
兔子检测系统源码分享

兔子检测系统源码分享

兔子检测检测系统源码分享 [一条龙教学YOLOV8标注好的数据集一键训练_70全套改进创新点发刊_Web前端展示] 1.研究背景与意义 项目参考AAAI Association for the Advancement of Artificial Intelligence 项目来源AACV Association for the Advancement of Computer Vision …
阅读更多...
安卓13设置动态显示隐藏第一页的某一项 动态显示隐藏无障碍 android13设置动态显示隐藏第一页的某一项

安卓13设置动态显示隐藏第一页的某一项 动态显示隐藏无障碍 android13设置动态显示隐藏第一页的某一项

总纲 android13 rom 开发总纲说明 文章目录 1.前言2.问题分析3.代码分析4.代码修改4.1修改方法14.2修改方法25.编译6.彩蛋1.前言 有时候，我们的设置里面显示的信息，需要根据不同的情况显示不同的信息，例如，动态的显示或者隐藏 “无障碍” 这一项。 2.问题分析 像这个问题…
阅读更多...
【经验帖】脏读和不可重复读的概念及影响

【经验帖】脏读和不可重复读的概念及影响

脏读和不可重复读是数据库事务并发执行时可能出现的两种数据一致性问题&#xff0c;它们对数据的一致性和完整性有着显著的影响。以下是脏读和不可重复读的具体影响&#xff1a; 脏读的影响 脏读发生在一个事务读取了另一个事务未提交的数据时。由于这些数据尚未被提交&#x…
阅读更多...
python机器人编程——用手机web远程视频监控并控制小车驾驶（上篇vrep仿真）

python机器人编程——用手机web远程视频监控并控制小车驾驶（上篇vrep仿真）

目录 一、前言二、技术架构三、设备端实现四、服务控制端实现&#xff08;1&#xff09;摄像头服务模块&#xff08;2&#xff09;web服务器 五、web端实现&#xff08;1&#xff09;视频显示&#xff08;2&#xff09;驾驶盘的实现&#xff08;3&#xff09;心跳 六、总结七、…
阅读更多...
大厂里为什么都在运用精益六西格玛管理？

大厂里为什么都在运用精益六西格玛管理？

近年来&#xff0c;大型企业&#xff08;简称“大厂”&#xff09;为了保持其市场领先地位和持续盈利能力&#xff0c;不断探索并引入先进的管理理念和方法。其中&#xff0c;精益六西格玛管理作为一种综合性的质量管理和流程优化工具&#xff0c;正被越来越多的企业所采用。本…
阅读更多...
YOLOv8改进系列，YOLOv8 Neck结构引入BiFPN

YOLOv8改进系列，YOLOv8 Neck结构引入BiFPN

摘要 模型效率在计算机视觉中变得越来越重要。本文系统地研究了神经网络架构设计选择用于目标检测，并提出了几项关键优化以提高效率。首先，提出了一种加权双向特征金字塔网络（BiFPN），它允许轻松快速的多尺度特征融合；其次，我们提出了一种复合缩放方法，该方法同时均匀地…
阅读更多...
操作系统 --- 进程的同步和互斥问题以及进程互斥实现方法（软件、硬件实现）、同步机制遵循的四条准则

操作系统 --- 进程的同步和互斥问题以及进程互斥实现方法（软件、硬件实现）、同步机制遵循的四条准则

目录 一、进程同步 二、进程互斥 三、进程互斥的实现方法 3.1 软件实现 3.1.1 单标志法&#xff08;存在的主要问题&#xff1a;违背“空闲让进”原则&#xff09; 3.1.1.1 基本思想 3.1.1.2 单标志法的基本概念及执行流程 3.1.1.3 特点 3.1.2 双标志先检查法&#…
阅读更多...
【Linux 】开发利器：深度探索 Vim 编辑器的无限可能

【Linux 】开发利器：深度探索 Vim 编辑器的无限可能

&#x1f525; 个人主页&#xff1a;大耳朵土土垚 &#x1f525; 所属专栏&#xff1a;Linux系统编程 这里将会不定期更新有关Linux的内容&#xff0c;欢迎大家点赞&#xff0c;收藏&#xff0c;评论&#x1f973;&#x1f973;&#x1f389;&#x1f389;&#x1f389; 文章目…
阅读更多...
NC65使用UAP客开主子单据以及NC65常见的开发技术（超级详细附带图和源码）

NC65使用UAP客开主子单据以及NC65常见的开发技术（超级详细附带图和源码）

NC65使用UAP客开主子单据以及NC65单据相关的开发技术&#xff08;超级详细附带图和源码&#xff09; 本篇主要讲述使用UAP开发工具客开主子单据包括&#xff1a;创建项目发布、创建发布元数据、生成主子单据、以及相关报错和打补丁。在单据相关技术主要包括&#xff1a;增加空按…
阅读更多...
物流管理系统小程序的设计

物流管理系统小程序的设计

管理员账户功能包括&#xff1a;系统首页&#xff0c;个人中心&#xff0c;用户管理&#xff0c;员工管理&#xff0c;部门管理&#xff0c;物品分类管理&#xff0c;物流公司管理&#xff0c;物流信息管理&#xff0c;配送信息管理 微信端账号功能包括&#xff1a;系统首页&a…
阅读更多...
半导体器件制造5G智能工厂数字孪生物联平台，推进制造业数字化转型

半导体器件制造5G智能工厂数字孪生物联平台，推进制造业数字化转型

半导体器件制造行业作为高科技领域的核心驱动力&#xff0c;正积极探索和实践以5G智能工厂数字孪生平台为核心的新型制造模式。这一创新不仅极大地提升了生产效率与质量&#xff0c;更为制造业的未来发展绘制了一幅智能化、网络化的宏伟蓝图。 在半导体器件制造5G智能工厂中&a…
阅读更多...
python 山峦图

python 山峦图

效果&#xff1a; 代码&#xff1a; import matplotlib.pyplot as plt import numpy as npdef mountain_plot(data_dict, colorsNone):if colors is None:colors get_colors_from_map(len(data_dict), "Spectral")x list(data_dict.keys())# Y轴位置y_positions …
阅读更多...
某锂电厂房项目密集母线槽上红外测温的案例分享

某锂电厂房项目密集母线槽上红外测温的案例分享

1 行业背景 在政策和技术推动下&#xff0c;锂电产业迅速发展&#xff0c;产业规模持续扩大&#xff0c;同时对供电设备的可靠性要求提高。密集型母线槽作为厂房重要电力传输设备若出现触头温升过高&#xff0c;可能导致停电甚至烧毁等故障&#xff0c;会对生产线安全和企业效…
阅读更多...
Java反序列化漏洞分析

Java反序列化漏洞分析

相关学习资料# http://www.freebuf.com/vuls/90840.htmlhttps://security.tencent.com/index.php/blog/msg/97http://www.tuicool.com/articles/ZvMbInehttp://www.freebuf.com/vuls/86566.htmlhttp://sec.chinabyte.com/435/13618435.shtmlhttp://www.myhack58.com/Article/ht…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023