教你利用iframe在网页中显示天气
2014-10-05 01:34
369 查看
来源:http://www.ido321.com/921.html
css:
[/code]
html:
[/code]
部分效果:
我在项目中做了一个下面的效果
演示地址:http://jsfiddle.net/2yfL8x0g/embedded/result/
下一篇将告诉你怎么获取农历日期:http://www.ido321.com/926.html
css:
[code] *{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;}
[/code]
html:
[code] <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>
[/code]
部分效果:
我在项目中做了一个下面的效果
演示地址:http://jsfiddle.net/2yfL8x0g/embedded/result/
下一篇将告诉你怎么获取农历日期:http://www.ido321.com/926.html
相关文章推荐
- 教你利用iframe在网页中显示天气
- 利用iframe在网页中显示天气附效果截图
- 利用AJAX技术实现网页无刷新进度条显示
- 利用AJAX技术实现网页无刷新进度条显示
- 如何用iframe代码显示调用网页的指定部分
- xml学习(三)---利用xml文件实现数据岛功能(网页显示xml文件中的内容免C#代码操作xml文件)
- 利用WebService自定义显示天气情况
- 利用正则表达式分析腾讯网页提取天气信息
- 正则表达式应用笔记----解析网页,获取并显示“未来三天全国天气预报”(java)
- 利用ajax技术实现网页实时显示检测温度
- 利用js让iframe框架自适应网页高度
- 利用WebService自定义显示天气情况
- 利用AJAX技术实现网页无刷新进度条显示
- 利用AJAX技术实现网页无刷新进度条显示
- 在框架(iframe)中怎么动态显示网页
- 网页上显示天气预报信息的代码(将代码拷贝到你的网页上即可,当然,天气预报只能在联网的情况下才能使用)
- 利用AJAX技术实现网页无刷新进度条显示
- 利用AJAX技术实现网页无刷新进度条显示
- 利用DhtmlXtree实现展现,修改,添加,删除,移动功能一棵树上实现,iframe的单个滑动条显示,包含在iframe中树节点中文内容过长问题解决
- 网页显示简单的静态树,利用jquery 的插件jstree