直接iframe方式在网页上显示天气插件

2023-09-22 20:09:23 浏览数 (2)

如果对样式没有很特殊的要求,直接iframe可能是最简单的。

天气预报调用网址(可定制):http://www.tianqi.com/plugin/

代码语言:javascript复制
代码语言:javascript复制
——————————————————————————————————————图 1——————————————————————————————————————————
<div style="margin: 5px">
<iframe scrolling="no" frame allowtransparency="true" src="http://i.tianqi.com/index.php?c=code&id=34&icon=1&num=3"></iframe>
</div>
——————————————————————————————————————图 2——————————————————————————————————————————
<div style="margin: 5px">
<iframe frame allowtransparency="true" src="http://i.tianqi.com/index.php?c=code&id=36&icon=5&num=1"></iframe>
</div>
——————————————————————————————————————图 3——————————————————————————————————————————
<div>
<iframe scrolling="no" src="https://tianqiapi.com/api.php?style=tw&skin=pitaya" frame width="300" height="500" allowtransparency="true"></iframe>
</div>
——————————————————————————————————————图 4——————————————————————————————————————————
<iframe name="weather_inc" 
  src="http://i.tianqi.com/index.php?c=code&id=7" 
  style="border:solid 1px #7ec8ea" 
  width="220" height="90" frame 
  marginwidth="0" marginheight="0" scrolling="no">
</iframe>

补充:对于iframe控件,其为页面内独立窗口,可以对外部网页进行引用显示。

【可用于单窗口多页面显示。】

0 人点赞