html天气预报插件透明,宁国生活网精美天气预报插件,透明图标,昼夜有别

本文介绍了一种天气预报功能的实现,使用JavaScript和CSS进行动态加载,并可能涉及前端技术如SVG图标和CSS布局。着重于MiniSite.Browser.ie环境下的图片替换技术,以及如何通过loadPng函数处理PNG格式的图片显示。
摘要由CSDN通过智能技术生成

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;}

天气预报:

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 = ""; img.outerHTML = strNewHTML; }} catch (e){}}}

/*

MiniSite.Weather.print("Wealth");

/*]]>*/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值