利用iframe在网页中显示天气附效果截图

   2015-08-09 0
核心提示:这篇文章主要介绍了利用iframe在网页中显示天气,这个功能还是比较实用的,实现起来也比较容易,需要的朋友可以看看
css:

复制代码
代码如下:

*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}
/* demo */
.demo{width:800px;margin:0 auto;}
.demo div{margin:40px 0 0 0;}

html:

复制代码
代码如下:

<div class="demo">
<div>
<iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=2&num=5" width="650" height="70" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</div>
<div>
<iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=7" style="border:solid 1px red" width="225" height="90" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</div>
<div>
<iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=9" width="800" height="60" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</div>
<div>
<iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=11" width="500" height="15" frameborder="0"></iframe>
</div>
<div>
<iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=13" width="650" height="221" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</div>
<div>
<iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=19" width="800" height="120" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</div>
</div>

部分效果:
利用i<d>frame</d>在网页中显示天气附效果截图 
我在项目中做了一个下面的效果
利用i<d>frame</d>在网页中显示天气附效果截图
 
标签: iframe 天气
反对 0举报 0 评论 0
 

免责声明:本文仅代表作者个人观点,与乐学笔记(本网)无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
    本网站有部分内容均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责,若因作品内容、知识产权、版权和其他问题,请及时提供相关证明等材料并与我们留言联系,本网站将在规定时间内给予删除等相关处理.

  • 【javascript基础】 广告嵌套document.write的
    用ControlJS优化阿里妈妈广告http://ued.taobao.com/blog/2011/03/controljs-alimama/让document.write的广告无阻塞的加载http://stylechen.com/rewrite-documentwrite.htmlDomWriter:延迟调用含有document.write的外部JS脚本http://www.bigline.cn/blog/2010
    03-08
  • javascript 获取iframe里页面中元素值的方法
     IE方法:document.frames['myFrame'].document.getElementById('test').value;火狐方法:document.getElementById('myFrame').contentWindow.document.getElementById('test').value;IE、火狐方法: function getValue(){ var tmp = ''
    03-08
  • javascript获取iframe框架中页面document对象,
    javascript获取iframe框架中,加载的页面document对象 因为浏览器安全限制,对跨域访问的页面,其document对象无法读取、设置属性        function getDocument(iframe)         {             var Doc;             try{
    03-08
  • iframe中镶嵌html页,并获取html页中的方法
    首先创建两个html页第一个html页(HtmlPage1.html) html headmeta charset="utf-8" /title/titlescript type="text/javascript"//传值function GetString() {var Str = "{\"Num\": \"" + document.getElementById("Num").value + &
    03-08
  • HTML中视频、音频、图标、滚动条定位、文字滚动
      1、小图标(.ico)  link/link必须写在head/head里面具体格式如下:headlink rel="shortcut icon" href="/jb51.ico" type="image/x-icon"//head注意:红色部分为图片的相对路径2、插入音乐 embed/embed必须写在head/head里面具体格式如下:embed src="im
    03-08
  • angularJS插入html及更换iframe的src angular j
    html:ng-bind-htmldiv class="tabs_content" ng-bind-html="specialHtml"/divng-srciframe /iframe加载模块:ng-bind-htmlangular.module('DLPortalApp', []).controller("MyCtrl", function ($scope, $http, $sce) {//重点列表项目$scope.spec
    03-08
  • <frame><iframe>网页框架">HTML标签天天练6--<f
        这几个标签都属于同一类功能,就是框架内镶功能:1)frameset意为把页面分解成一定部分,让每一部分显示不同的内镶框架,如(请复制到DW尝试):htmlframeset rows="25%,50%,25%"frame src="http://blog.sina.com.cn/yefeng9393"frame src="http://blog
    03-08
  • Angular - 使用Iframe
    Angular - 使用Iframe
    1. 使用 iframe id='iframe' width='100%' height='400px' frameborder='no' border='0' scrolling='no' src=https://www.lexue001.com/skin/default/image/nopic.gif>2. 窗体传值frame加载完成再处理传值const iframe: any
    02-08
  • bootstrap添加iframe页 bootstrap iframe布局
    bootstrap添加iframe页 bootstrap iframe布局
    改写自: https://www.cnblogs.com/yxgmagic/p/9637075.html效果图:div class="ibox float-e-margins"div /div/divscript src="xxx.js"/script!-- 引入下面js即可,自己命名 --scriptvar iframe = $("#tabContainer").iframes({data: [ {id: 'home',te
    02-08
  • jQuery获取iframe中的元素 获取iframe里面的htm
    最近在做iframe框架页面,遇到的一些问题,子类iframe框架的js不能操作父类页面的dom;好在已经有前人探路。。。1.js获取iframe中的元素  1.1 js在父窗口中获取iframe中的元素  方法1:格式:window.frames["iframe的name值"].document.getElementById("if
    02-08
点击排行