html先显示一张图片2秒后自动隐藏，用在游戏显示logo中

最新推荐文章于 2026-06-24 12:45:21 发布
原创 最新推荐文章于 2026-06-24 12:45:21 发布 · 2.3k 阅读 · 1 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文介绍了一种使用JavaScript实现的图片加载效果，当图片加载完成后，会在2秒后自动将图片隐藏，以提高用户体验。


<div style="text-align:center">

<img src="loading.jpg" id="imgs" style="vertical-align:middle;"/>
</div>
<script>
var img = document.getElementById("imgs");
img.style.display = "inline";
setTimeout(function() {img.style.display = "none";},2000);

</script>




代码：http://download.csdn.net/detail/chuanyu/8939805


图片显示几秒后消失
01-31
图片显示几秒后消失 特别用于网站的首页提示消息 此代码也是在网上找的 特此感谢源码者
html 怎么几秒后自动隐藏,3秒或5秒后自动隐藏提示消息和重定向到另一页
weixin_35926197的博客
05-30 2625
在提交表单的时候，每当用户输入有错误时要提示用户错在哪里，以便用户改正，从而顺利完成表单的提交。通常的做法是，当用户填写完了表单的所有项，提交表单时，从头开始检查，当检查到有错误时立即返回，把具体的错误反馈给用户，也就是在客户端显示错误提示消息。大多情况下，显示错误提示消息后，提示文字一直显示在那里，当用户纠正错误再次提交时，如果检查没有错误，则错误提示不再显示，如果纠正一项后，后面的还有错误，继...
html中让图片显示3秒后自动消失了,HTML-列表无缝滚动效果2（显示一个暂停3秒，滚走显示下一个）...
weixin_39932458的博客
05-31 808
HTML:1好消息！好消息！本店所有商品全部白送12好消息！好消息！本店所有商品全部白送23好消息！好消息！本店所有商品全部白送34好消息！好消息！本店所有商品全部白送45好消息！好消息！本店所有商品全部白送56好消息！好消息！本店所有商品全部白送67好消息！好消息！本店所有商品全部白送78好消息！好消息！本店所有商品全部白送8CSS：* {margin:0;padding:0;}.scroll-...
html 怎么几秒后自动隐藏,如何使用jQuery延迟几秒隐藏div元素？
weixin_35651329的博客
05-30 995
给定一个div元素，如何使用jQuery几秒后隐藏div元素？下面本篇文章就来给大家介绍一下使用jQuery延迟几秒隐藏div元素的方法，希望对大家有所帮助。想要使用jQuery延迟几秒隐藏div元素，可以先选择div元素，然后使用延迟函数(setTimeOut(), delay())来提供隐藏div元素的延迟。示例1：使用setTimeOut()方法为fadeOut()方法提供延迟#div {b...
html中怎么实现广告自动出来又自动隐藏?,query 实现定时显示与隐藏div广告代码...
weixin_39529443的博客
05-31 268
jquery 实现定时显示与隐藏div广告代码html页面中我们随便放些东西代码如下关闭jquery代码代码如下$(function(){setTimeout('$(".toolbarframe").show("slow")',3000);setTimeout('$(".toolbarframe").hide("slow")',13000);$(".bigad_close").click(func...
网页图片显示一段时间后自动隐藏 怎样实现 实现代码
weixin_33709590的博客
04-02 322
网站需要改版了，要在首页加个介绍改版的图片，刚开始不知道该怎么实现，上网查了一下，终于找到了，这个功能能实现了，代码如下：<script #src="[url]http://gpcgpan.blog.51cto.com/[/url]">var delay=1*"#delay=8".replace(/.*#delay=(\d+).*|.*/,"$1");if(del...
模板驱动型文档自动化：结构化内容与动态数据绑定实战
weixin_30613433的博客
06-07 384
文档自动化并非简单替换文字，而是基于结构化内容模型的规则化生产体系。其核心在于将业务逻辑转化为可配置、可审计、可复用的模板规则，通过动态数据绑定实现内容与源系统的强一致性。相比脚本编码或AI生成，模板驱动更强调确定性、合规性与低维护成本，适用于SaaS产品文档、法务合同、咨询方案等高频标准化输出场景。本文深入解析模板如何作为‘活规则引擎’协调数据源、内容块与呈现逻辑，支撑PDF/Word/HTML多格式稳定交付。
模板驱动型文档自动化：结构化渲染与多格式智能生成
weixin_30363981的博客
06-07 424
文档自动化是企业内容生产提效的关键技术路径，其核心在于将重复性文档工作从人工操作升级为可复用、可审计、可扩展的系统化流程。模板驱动型文档自动化区别于通用AI生成，强调以结构化模板为中枢，通过数据源绑定、逻辑规则嵌入和多格式编译渲染，实现品牌一致性、法律合规性与交付敏捷性的统一。该技术广泛应用于合同管理、营销物料生成、HR入职文件、教育课纲等标准化高频场景，尤其适合非技术人员快速上手。本文聚焦Sqribble平台实践，深入解析模板三层架构（视觉/逻辑/数据层）、变量命名契约、动态条件渲染及PDF/HTML/e
模板驱动型文档自动化：从填空到智能生成的实践指南
最新发布
weixin_34009794的博客
06-24 418
文档自动化是企业内容生产提效的核心路径，其本质是将重复性格式操作转化为可复用、可继承、可验证的结构化逻辑。基于模板驱动的设计范式，系统通过动态内容填充、样式继承与条件渲染等关键技术，实现字段级精准控制与跨场景批量输出。相比传统Word宏或简单文本替换，它强调三层嵌套结构（基础层/结构层/实例层）协同，支撑营销提案、法律合同、培训大纲等高合规性交付物的工业化生成。尤其适用于需快速响应客户、统一品牌表达、保障数据一致性的咨询、教育、SaaS等行业。本文聚焦无代码落地路径，覆盖模板构建、数据联动、多语言适配与安全
模板驱动型文档自动化：非技术用户的智能组装实践
weixin_30530339的博客
06-06 438
文档自动化并非AI写作，而是基于结构化模板的内容智能组装——它将文档解构为结构层、内容层与呈现层，通过语义化占位符实现数据驱动的格式一致与跨平台复用。其技术价值在于提升格式准确性、保障合规性、加速知识复用，广泛应用于销售提案、HR员工生命周期管理、培训课件等需高频产出专业文档的业务场景。尤其适合市场、HR、咨询等非技术用户，以零代码方式构建可维护、可审计、可进化的文档生产体系。核心能力聚焦于模板驱动、内容复用与非技术用户友好。
html中图片显示、隐藏
l_degege的专栏
11-26 4985
$("#photo_img").show(); $("#photo_img").hide(); 注：https://blog.csdn.net/a_sid/article/details/53485013 二、 jQuery显示隐藏div的几种方法 https://blog.csdn.net/skh2015java/article/details/52790121 ...
html图片5秒后消失,如何让网页中图片等待5秒再显示_html/css_WEB-ITnose
weixin_39951018的博客
06-04 1962
如何让网页中图片等待5秒再显示。网页打开的时候，网页中的图片就会马上显示。如何让某一个图片，在网页打开后5秒在显示出来。回复讨论(解决方案)1. 图片载入有判别事件，在事件中设置图片对象的显示隐藏2. 网页加定时器，到了5s,把指定图片显示出来11222JS定时器setInterval用js控制啊，setTimeout()使用定时器setIntervalsetTimeout() 是在事件触发之后...
Html页面增加返回顶部图标和隐藏出现
12-03 7110
效果如链接：http://liuyanzhao.com/ 只需要i两个步骤： 1.我们在网页body内最上面添加一个，方便跳到这个位置 ``` <span name="gotop"></span> ``` 2.在网页的末端添加一个： ``` <a href="#gotop" > <img src="__PUBLIC__/img/backTop.png" id="gotop" alt="" styl
图片的显示隐藏（两张图片，默认的时候显示第一张，点击的时候显示另一张）...
weixin_30299539的博客
11-05 2358
在写项目的时候，经常遇到一些图片显示的问题， 当页面静止的时候显示第一张（第二张页面隐藏），点击或者划过的时候显示第二张（第一张图片隐藏） 【并且第二张图片显示的时候，下面的文字也是变化的】 页面代码如下： <div class="fk"> <ul class="img_1"> <li v-for="(item, ...
html 显示隐藏（定时与等待时间）
shamao1113的专栏
11-22 2920
Document    .GZ2014_Friends { background:#F7F7F7; padding: 5px 19px 10px; border: 1px solid #CCCCCC; clear: both; margin-bottom: 15px; width: 978px; } .GZ2014_Friends .TB1 { width: 940px;
（vue基础试炼_02）使用vue.js实现隔2秒显示不同内容
Gblfy_Blog
01-05 1280
文章目录一、原始js写法① 效果图② 2秒之后二、使用vue实现① 思考② vue写法③ 效果图三、vue总结 一、原始js写法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>使用原始js 实现隔2秒显示不同内容</titl...
html获取text输入框中的值
热门推荐
chuanyu的专栏
08-17 4万+
1.在head中引用jquery： 2.定义一个text输入框： 3.在自定义函数中根据id获取此text的值： var temp = $('#inputValue').val(); //获取值 alert(temp); //显示
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值