仿腾讯官方网站首页的天气预报插件适用于任何程序

蓝雨

透明图标，昼夜有别，白天显示太阳，夜晚显示月亮，个性十足。所涉及的天气图片已经全部本地化，还能根据ip自动显示所在城市天气，有连接，点开为未来三日天气预报
安装方法：
解压后将weather目录上传到网站根目录，在你要插入天气预报的地方加入以下代码：

1. <STYLE>
   
2. i {display:block; float:left; width:60px; font:normal 14px/28px 微软雅黑; margin-left:30px; color:#FF3300;}
   
3. .date {display:block; float:right; font:normal 14px/28px 微软雅黑; margin-right:15px; color:#FF3300;}
   
4. #Wealth{display:block; float:left; line-height:34px; height:34px; padding:0px;margin:0px;cursor:pointer;}
   
5. #Wealth h6{display:block; float:left; margin-left:5px; font:normal 14px/28px 微软雅黑; padding-top:0px;color:#ff9900;}
   
6. #Wealth span.img{display:block; float:left; width:24px; height:24px;}
   
7. #Wealth div{display:block; float:left; font:normal 14px/28px 微软雅黑; margin-left:5px; color:#FF3300;}
   
8. </style>
   
9. <i>天气预报:</i>
   
10. <SCRIPT language=javascript type=text/javascript>
    
11. function loadPng(o)
    
12. {if(MiniSite.Browser.ie){try{var img = o;var imgName = o.src.toUpperCase();if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
    
13. {var imgID = (img.id) ? "id='" + img.id + "' " : "";var imgClass = (img.className) ? "class='" + img.className + "' " : "";var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' ";var imgStyle = "display:inline-block;" + img.style.cssText;if (img.align == "left") imgStyle = "float:left;" + imgStyle;if (img.align == "right") imgStyle = "float:right;" + imgStyle;if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle ; var strNewHTML = "<span " + imgID + imgClass + imgTitle + " style="" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";" + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" + "(src=\'" + img.src + "\', sizingMethod='image');"></span>"; img.outerHTML = strNewHTML; }} catch (e){}}}
    
14. </script>
    
15. <script type="text/javascript" src="/weather/weather.js"></script>
    
16. <div id="Wealth"></div>
    
17. <script type="text/javascript">
    
18. /*<![CDATA[*/
    
19. MiniSite.Weather.print("Wealth");
    
20. /*]]>*/
    
21. </script>

复制代码