发布 可以自主更改信息的一个疫情实时图的代码,很多人问到可不可以添加自己的信息

这是效果图,这是一个乡镇府,我们免费他们弄的,对政府部门目前抗击疫情来说,只要在不消耗大量精力的前提下,能免费帮上忙的都免费帮帮。

已经核实过身份拿到政府公函的,大家放心,我们是绝对不会给身份不明的人做这些,万一造谣啥的那就问题严重了。特别是搞fl的那些dt分子。

在这里插入图片描述

代码下载部分,给大家简单说下如何使用,主要是讲解给不懂的用户,大佬忽略。

      <!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>全国新型冠状病毒实时分布图-信息来自国家及各省市地区卫健委</title>
    <meta name="keywords" content="全国新型冠状病毒实时分布图,实时疫情,武汉管控,新型冠状病毒,肺炎" />
    <meta name="description" content="成都市一颗优雅草科技有限公司全国新型冠状病毒肺炎病毒实时分布图,及时播报疫情最新进展!" />
        
        
        
        <style type="text/css">
<!--
.r{width:100px;height:200px;background:#F5F5F5;float:right; 
position:fixed !important; top:200px; 
position:absolute; z-index:300; top:expression(offsetParent.scrollTop+200);right:20px;} 

.l{width:100px;height:200px;background:#F5F5F5;float:right; 
position:fixed !important; top:200px; 
position:absolute; z-index:300; top:expression(offsetParent.scrollTop+200);left:20px;} 

-->
</style>
        
        
</head>

<body style="height: 100vh;margin: 0;padding: 0;overflow: hidden;">
    <iframe id="iframe" src="https://www.youyacao.com/yiqing/" frameborder="0" width="100%" height="100%"
        allowtransparency="yes" style="overflow:hidden;margin: 0; border: none;"></iframe>
  
  
  
  
  
  <div class="r"><a href="#" target='_about'><img src="images/right.png" border="0"/></a></div> 

<div class="l"><a href="#" style="
    color: red;
    text-decoration: none;
" target='_about'><!--<img src="images/left.png" border="0"/>-->此处为文字内容,可以替换成修改为自己想要填写和展示的内容!!!</a></div> 

</body>

</html>
      

代码部分

<div class="r"><a href="#" target='_about'><img src="images/right.png" border="0"/></a></div>

这里的 href="#" #可以替换成你想要跳转的网址,那么对应就跳转,<img src=“images/right.png” 这里的 right.png就是右侧的图片。

如果想要两边都是图片,那么左侧部分 用右侧代码替换掉即可,图片位于

img文件夹。做的是相对路径不是绝对,所以代码直接放在你网站的目录下即可使用。
在这里插入图片描述
上面代码css样式部分 可以调节图片高度宽度 以及位置。

.r{width:100px;height:200px;background:#F5F5F5;float:right; 
position:fixed !important; top:200px; 
position:absolute; z-index:300; top:expression(offsetParent.scrollTop+200);right:20px;} 

这部分 width 是宽度, height 是高度, background是背景色,

这样就可以自主发布信息了,很多地方乡镇可以用的上,可以发布当地外来人员人口统计等等,以及当地的重要信息和通知。

今天看新闻说 不会大规模增加了,真心希望早点结束这场灾难。中国加油,武汉加油。看信息现在出现拐点,出院人数已经超过 死亡病例人数。
加油!
致敬前线努力的 白衣天使的 国家的一线工作人员

发布了14 篇原创文章 · 获赞 4 · 访问量 4037

猜你喜欢

转载自blog.csdn.net/dujiangdu123/article/details/104109049