码迷,mamicode.com
首页 > 其他好文 > 详细

报表页面集成天气,简单三步,一看就懂

时间:2016-07-07 11:03:28      阅读:112      评论:0      收藏:0      [点我收藏+]

标签:

条条框框的报表页面枯燥乏味?不妨给页面加点“新意”!

前阵子,在看天气预报的时候,发现免费天气预报的调用代码,瞬间想到可以给我开发的报表“润润色”。

一共三个步骤,教你手到擒来

第一步

先去天气资源提供者(自行百度)挑选适合自己页面的预报

第二步

copy框中iframe标签。

JS代码:

 

document.writeln("<iframe name=\"weather_inc\" src=\"http:\/\/i.tianqi.com\/index.php?c=code&id=1\" width=\"330\" height=\"35\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>");

  

 

此代码为可以根据ip自动判断地理位置展示,也可以根据实际需要,适当调整宽度,高度。

在代码中加入 allowtransparency="true"还可以获得背景透明效果。

技术分享

 

第三步

报表设计器FineReport中调用

技术分享

 

大功告成,下面来张效果图!

技术分享

报表页面集成天气,简单三步,一看就懂

标签:

原文地址:http://www.cnblogs.com/laoA188/p/5649258.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!