Jun 19

博客天气预报代码详解 不指定

蒙巴 , 17:10 , 后仓房 » 网站建设 , 评论(0) , 引用(0) , 阅读(14515) , Via 本站原创 | |




<iframe width="145" height="130" border="0" align="center" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" src="http://minisite.qq.com/Weather/news_new.html" allowTransparency="true"></iframe>

效果预览:

点击在新窗口中浏览此图片


说明:这种适合于在网页的边栏插入。但一个缺点是,上面的4个城市是既定的,无法改成别的。插入时,选好网页上的位置,直接将左栏的源代码全部拷进去就行了,本代码显示的天气预报宽度是145,高度是130。


第二种
代码:

<IFRAME ID='ifm2' WIDTH='189' HEIGHT='190' ALIGN='CENTER' MARGINWIDTH='0' MARGINHEIGHT='0' HSPACE='0' VSPACE='0' FRAMEBORDER='0' SCROLLING='NO' SRC='http://weather.qq.com/inc/ss258.htm'></IFRAME>

效果预览:

点击在新窗口中浏览此图片


说明:这种也适合于在网页的边栏插入。上面的城市可以自定,比如厦门可改成别的。定制的方法是修改我代码中标红的数字,从1开始代表"香港"开始,每个数字都代表一个城市,厦门是287,具体要哪个城市自己找一下吧。本代码显示的天气预报宽度是189,高度是190。


第三种
代码:

<IFRAME ID='ifm2' WIDTH='260' HEIGHT='70' ALIGN='CENTER' MARGINWIDTH='0' MARGINHEIGHT='0' HSPACE='0' VSPACE='0' FRAMEBORDER='0' SCROLLING='NO' src="http://news.sina.com.cn/iframe/weather/130101.html"></iframe>

效果预览:

点击在新窗口中浏览此图片


说明:这种适合于在网页的头栏插入。上面的城市可以自定,比如 石家庄可改成别的。定制的方法是修改我代码中标红的数字。本代码显示的天气预报宽度是260,高度是70。具体各个城市对照的id表可在此下载:




第四种
代码:

<iframe width="469" height="218" border="0" align="center" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" src="http://appnews.qq.com/cgi-bin/news_weather_search?city=厦门" allowTransparency="true"></iframe>

效果预览:

点击在新窗口中浏览此图片


说明:这种适合于在网页的正栏插入。上面的城市可以自定,比如厦门可改成别的。定制的方法是修改我代码中标红的 名称。这里比较简单,直接用汉字改就行了。比如是福州的,你就直接把"厦门"改成福州就行。本代码显示的天气预报宽度是469,高度是218。


第五种
代码:

<IFRAME ID='ifm1' WIDTH='405' HEIGHT='332' ALIGN='center' MARGINWIDTH='0' MARGINHEIGHT='0' HSPACE='0' VSPACE='0' FRAMEBORDER='0' SCROLLING='NO' SRC="http://weather.qq.com/24.htm"></IFRAME>

效果预览:

点击在新窗口中浏览此图片

第六种
代码:

<iframe width=160 height=230 frameborder=0 scrolling=NO src=http://appnews.qq.com/cgi-bin/news_qq_search?city=南昌></iframe>

效果预览:

点击在新窗口中浏览此图片


说明:这种适合于在网页的边栏插入。上面的城市可以自定,比如南昌可改成别的。定制的方法是修改我代码中标红的名称。这里比较简单,直接用汉字改就行了。比如是福州的,你就直接把"厦门"改成福州就行。本代码显示的天气预报宽度是160,高度是230。


第七种
代码:

<iframe src="http://weather.265.com/weather.htm" width="160" height="54" frameborder="no" border="5" marginwidth="0" marginheight="0" scrolling="no"></iframe>


效果预览:就是我的Blog目前使用的,参见左边的天气预报栏;直接插入,本代码显示的天气预报宽度是160,高度是54。

个人最喜欢第六种效果,不过测试了好像这种无法显示...汗

==本文所有内容转摘自Above the Sky ==

最新日志 随机日志 综合排行
  • 咖啡 Coffee【...
  • 永远的恰克与飞鸟
  • 出门在外ing
  • 英语环境对你的学习有...
  • 银幕里的经典之音
  • 吃点肉喝点汤—黄芪香...
  • 杂语
  • 篆刻技法【收藏】
  • It's ...
  • 严重感谢隆重推荐~
  • 让照片更清晰
  • 也来看孟广美事件
  • 做自己的卡通漫画了
  • 不老的歌,永远的徐小...
  • 韩国精品电视剧《女人...
  • Jazz!Jazz!...
  • 遥祝朋友一切安好[地...
  • 纪念天堂的歌者·如果...
  • 和谐社会 · 处处和...
  • 鲜百合瘦肉汤(图)
  • 9个基于Flash的...
  • 也谈汽车梦—我的蒙迪...
  • 《传闻中的七公主》在...
  • 《我们无处安放的青春...
  • 《新结婚时代》全集在...
  • 87版红楼梦全集在线...
  • 《甜蜜蜜》(孙俪邓超...
  • 《浪漫满屋》在线观看
  • 漂亮字体大集合(持续...
  • 韩国精品电视剧《女人...
  • 发表评论
    表情
    emotemotemotemot
    emotemotemotemot
    emotemotemotemot
    emotemotemotemot
    打开HTML
    打开UBB
    打开表情
    隐藏
    记住我
    昵称   密码   游客无需密码
       
    您也可用OpenID登入: