zoukankan      html  css  js  c++  java
  • 为blog添加天气预报功能

    今天才发现前天加进去的天气预报,那个乌云和彩虹的标志,竟然不是当天的天气情况,而只是那个网站的标志(偶真笨死了!)。一怒之下,把它扔了。放狗逛了好久,终于在疯人物语的BLOG上找到几段超酷实用的天气预报代码,整理分享如下:

    <以下代码经证实有效>

    第一种:


    [ 可以先修改再运行 ]

    效果图:点击看大图

    第二种:


    [ 可以先修改再运行 ]

    效果图:点击看大图

    第三种:


    [ 可以先修改再运行 ]

    效果图:点击看大图

    第四种:


    [ 可以先修改再运行 ]

    效果图:点击看大图

    第五种:


    [ 可以先修改再运行 ]

    效果图:点击看大图

    第六种:


    [ 可以先修改再运行 ]

    效果图:点击看大图

    大家可根据自己的爱好,把代码插入要显示的位置即可。本站采用第一种,因为背景色和本站当前界面比较协调,而且简明。另外需要注意一下,以前很流行的一段代码(在Google上搜到的90%都是这一段),现在已经不能用了,特此写出来,以免大家浪费精力:

    <iframe width="150" height="240" frameborder="0" scrolling="No" src='http://appnews.qq.com/cgi-bin/news_qq_search?city=xxx'></iframe>

    其中的“xxx”是每个城市的代码:比如武汉的就是%CE%E4%BA%BA
    下面是其他的一些城市的编码: 

       上海-%C9%CF%BA%A3 
       北京-%B1%B1%BE%A9 
       青岛-%C7%E0%B5%BA 
       济南-%BC%C3%C4%CF 
       武汉-%CE%E4%BA%BA
       福州-%B8%A3%D6%DD


  • 相关阅读:
    Mysql
    JavaScript常用事件
    css
    HTML
    判断pc还是手机打开跳转到别的网页
    queue 队列
    兼容firstChild和firstElementChild
    总结各种width,height,top,left
    原生js提取非行间样式
    ie8 不支持media
  • 原文地址:https://www.cnblogs.com/ami/p/455726.html
Copyright © 2011-2022 走看看