本帖最后由 优雅草广告传媒 于 2020-1-29 19:28 编辑
最新看到很多人 发布疫情实时图 html源码 那个 根本不需要发布，也不存在含金量的
先给大家解释下网上流传的代码吧
看到某站上面 还有很多店家用来卖30块钱，我的天哪，
直接把代码 给大家吧 就是一个纯粹单独的iframe框架 而已 没有任何技术 含金量可言的。
[Asm] 纯文本查看 复制代码
<!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="成都市一颗优雅草科技有限公司全国新型冠状病毒肺炎病毒实时分布图，及时播报疫情最新进展！" />
</head>
<body style="height: 100vh;margin: 0;padding: 0;overflow: hidden;">
<iframe id="iframe" src="[b][color=#ff0000]https://www.youyacao.com/yiqing/[/color][/b]" frameborder="0" width="100%" height="100%"
allowtransparency="yes" style="overflow:hidden;margin: 0; border: none;"></iframe>
</body>
</html>
https://www.youyacao.com/yiqing/
红色这部分 换成丁香 就是丁香的页面
丁香的页面：https://3g.dxy.cn/newh5/view/pneumonia
网易的页面：http://news.163.com/special/epidemic/
简单说 你吧任何 一个网址放进去都可以 加载出他页面的内容。。。。这就是iframe
overflow:hidden;margin: 0; border: none; 这里的意思 就是超出的部分 隐藏掉，边框没有，不显示边框
YYC疫情防控实时图，纯自主研发，界面可自定，内容分后台直接更新和手动发布，禁止用于任何非法用途，数据来自国家及卫健委。目前有全国疫情实时图，最近下个版本将会有世界地图
1，实时图数据自动更新。2，信息均来自国家以及各地卫健委，后台可发布自主信息。3，新闻栏目，可增加2个栏目新闻，一个辟谣栏目，一个相关栏目。4, 支持封装APP。5, 底部有广告发布功能。6, 每条信息的信息来源可点击进去。
关于网传的html源码：那个只是个ifra-me框架调用而已，一窜html代码，而本源码是可以提供给别人做ifra-me框架调用的。
详情查看https://www.youyacao.com/api/
最后还是那 响应国家号召，疫情来临大家一定要不信谣不传谣，不给国家添麻烦。让我们一起散播官方的正确的信息，及时防范，做好一个国人该做的事情，最后 加油祖国，加油武汉~
difang.zip
(25.87 KB, 下载次数: 177)
2020年1月29日更新
代码下载部分，给大家简单说下如何使用，主要是讲解给不懂的用户，大佬忽略。
[HTML] 纯文本查看 复制代码
<!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>
代码部分
[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文件夹。做的是相对路径不是绝对，所以代码直接放在你网站的目录下即可使用。
 ?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2R1amlhbmdkdTEyMw==,size_16,color_FFFFFF,t_70)
上面代码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是背景色，
这样就可以自主发布信息了，很多地方乡镇可以用的上，可以发布当地外来人员人口统计等等，以及当地的重要信息和通知。
今天看新闻说 不会大规模增加了，真心希望早点结束这场灾难。中国加油，武汉加油。看信息现在出现拐点，出院人数已经超过 死亡病例人数。
加油！
致敬前线努力的 白衣天使的 国家的一线工作人员
————————————————
| 
[复制链接]
发表于 2020-1-27 16:32
|
发表于 2020-1-27 19:49
NICE