蓝雨 发表于 2011-1-4 22:50:03

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

透明图标,昼夜有别,白天显示太阳,夜晚显示月亮,个性十足。所涉及的天气图片已经全部本地化,还能根据ip自动显示所在城市天气,有连接,点开为未来三日天气预报
安装方法:
解压后将weather目录上传到网站根目录,在你要插入天气预报的地方加入以下代码:<STYLE>
i {display:block; float:left; width:60px; font:normal 14px/28px 微软雅黑; margin-left:30px; color:#FF3300;}
.date {display:block; float:right; font:normal 14px/28px 微软雅黑; margin-right:15px; color:#FF3300;}
#Wealth{display:block; float:left; line-height:34px; height:34px; padding:0px;margin:0px;cursor:pointer;}
#Wealth h6{display:block; float:left; margin-left:5px; font:normal 14px/28px 微软雅黑; padding-top:0px;color:#ff9900;}
#Wealth span.img{display:block; float:left; width:24px; height:24px;}
#Wealth div{display:block; float:left; font:normal 14px/28px 微软雅黑; margin-left:5px; color:#FF3300;}
</style>
<i>天气预报:</i>
<SCRIPT language=javascript type=text/javascript>
function loadPng(o)
{if(MiniSite.Browser.ie){try{var img = o;var imgName = o.src.toUpperCase();if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{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){}}}
</script>
<script type="text/javascript" src="/weather/weather.js"></script>
<div id="Wealth"></div>
<script type="text/javascript">
/*<![CDATA[*/
MiniSite.Weather.print("Wealth");
/*]]>*/
</script>
页: [1]
查看完整版本: 仿腾讯官方网站首页的天气预报插件适用于任何程序