2201_75350968 2023-04-03 22:54 采纳率: 71.4%
浏览 22
已结题

HTML初始化加载动画

请问如何在打开网页的时候先在网页内浮现一张图片，然后过几秒自动消失呢？

  • 写回答

1条回答 默认 最新

  • 语言-逆行者 2023-04-03 23:05
    关注

    定时器实现就好

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="image" style="display:block;"><img src="../image/下午好.gif"></div>
    <script>
        setTimeout(function() {
         document.getElementById("image").style.display = "none";
        }, 5000); // 5000表示5秒后隐藏图片，单位是毫秒

    </script>
</body>
</html>

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录

报告相同问题？

  • HTML初始化加载动画 html
    2023-04-03 22:54
    回答 1 已采纳 定时器实现就好 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
  • vue3初始化请求数据 vue.js 前端
    2023-03-20 15:13
    回答 2 已采纳 参考GPT和自己的思路： 两种初始化请求数据的处理方式都是可以的，但是使用onMounted可以更好地控制初次渲染时的数据请求时机，避免出现接口请求过慢或者数据渲染不完整等问题，同时还可以更好地配合其
  • 关于JS封装初始化的问题 html5
    2017-07-18 01:47
    回答 2 已采纳 通用的就放到css或者style标签里面定义，不要放js里面，不好维护。特殊的用js控制，不过建议还是放css里面，多定义几个类给js切换
  • 可视化数据大屏加载动画
    2022-08-30 14:45
    早起的月亮的博客 3.设置3D轮播图的出现时间和动画持续时间。2.设置图片聚合时的位置和过度时间。4.轮播图动画结束后，将各模块归位。1.确定开始动画前各个模块的位置。
  • Ant Design Pro初始化报错 java node.js 前端
    2022-08-17 00:09
    回答 2 已采纳 看的这句没【'git' 不是内部或外部命令，也不是可运行的程序或批处理文件。】你没安git
  • 前端初始化页面，后端接口会被多次调用 vue.js 前端
    2023-04-14 17:29
    回答 5 已采纳 不知道你这个问题是否已经解决, 如果还没有解决的话: 帮你找了个相似的问题, 你可以看下: https://ask.csdn.net/questions/7668205这篇博客你也可以参考下：怎么用v
  • javaweb项目初始化问题 java
    2017-11-24 14:24
    回答 1 已采纳 尽量使用懒惰加载可以提高首次运行的速度 https://www.cnblogs.com/zr520/p/4875580.html http://xfxlch.iteye.com/blog/2048
  • HTML+CSS+JS实现网页初始加载动画（loading）
    2021-08-15 22:43
    爱洋芋的土豆丶的博客 首先需要找一个loading的gif，在这里提供一个比较简单的加载动画 然后是代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ...
  • Windows沙盒无法初始化 其他
    2022-06-26 20:05
    回答 2 已采纳 你的系统是什么版本的？有些系统版本比较底，本身就不能用沙盒，win10都有很多版本（不是指家庭版，专业版这些，是2010之类的），你去下一个最新的win10，装个个人版，本身就自带，没问题的。我的这个
  • 结构体指针初始化问题
    2015-10-13 04:16
    回答 4 已采纳 main.cpp ``` #include "Queue.h" void testQueue1(); void testQueue2(); void testQueue3();
  • videojs初始化有问题 html5
    2021-05-29 16:04
    回答 1 已采纳 https://blog.csdn.net/a0405221/article/details/80923090  你是什么方式引用的是cdn还是本地。
  • 前端加载动画/加载等待动画
    2017-01-17 15:09
    sxpsxp12的博客 可以在数据请求时显示加载动画，等动画加载完成再隐藏加载动画，让前端更具交互友好性。 网上百度了很多关于这方面的资料，但是好多感觉都很繁琐，本着偷懒的心态，在html5应用开发框架ionic中找到了该加载动画的库...
  • 良田高拍仪初始化数据 前端
    2023-02-15 11:49
    回答 1 已采纳 以下答案引用自GPT-3大模型,请合理使用： 片段 你可以使用JavaScript中的setInterval函数来实现初始化，代码示例如下: //设定初始化操作每隔1秒执行一次 var inte
  • Vue首屏加载等待动画
    2021-09-09 15:11
    骑着蜗牛去放羊~的博客 vue实现首屏加载等待动画 避免首次加载白屏尴尬的俩种实现方式 1.第一种效果代码 index.html中添加以下代码 <style type="text/css"> .first-loading-wrp { display: flex; flex-direction: column; align...
  • 页面初始化要做的操作
    2023-09-23 17:40
    bzy1998的博客 页面交互效果：在页面初始化后，可以通过JavaScript实现一些交互效果，如动画、轮播图、表单验证等。加载所需资源：在页面初始化时，需要加载所需的资源，如CSS文件、JavaScript文件、字体文件、图片等。可以使用...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 4月13日
  • 已采纳回答 4月5日
  • 创建了问题 4月3日

悬赏问题

  • ¥15 制裁名单20240508芯片厂商
  • ¥20 易康econgnition精度验证
  • ¥15 msix packaging tool打包问题
  • ¥28 微信小程序开发页面布局没问题，真机调试的时候页面布局就乱了
  • ¥15 python的qt5界面
  • ¥15 无线电能传输系统MATLAB仿真问题
  • ¥50 如何用脚本实现输入法的热键设置
  • ¥20 我想使用一些网络协议或者部分协议也行，主要想实现类似于traceroute的一定步长内的路由拓扑功能
  • ¥30 深度学习，前后端连接
  • ¥15 孟德尔随机化结果不一致