在IE和VB中支持png图片透明效果的实现方法(vb源码打包)


Posted in Javascript onApril 01, 2011

1,使用js文件使IE支持png图片透明效果。
pngfix.js:

var arVersion = navigator.appVersion.split("MSIE") 
var version = parseFloat(arVersion[1]) 
function fixPNG(myImage) 
{ 
if ((version >= 5.5) && (version < 7) && (document.body.filters)) 
{ 
var imgID = (myImage.id) ? "id='" + myImage.id + "' " : "" 
var imgClass = (myImage.className) ? "class='" + myImage.className + "' " : "" 
var imgTitle = (myImage.title) ? 
"title='" + myImage.title + "' " : "title='" + myImage.alt + "' " 
var imgStyle = "display:inline-block;" + myImage.style.cssText 
var strNewHTML = "<span " + imgID + imgClass + imgTitle 
+ " style=\"" + "width:" + myImage.width 
+ "px; height:" + myImage.height 
+ "px;" + imgStyle + ";" 
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" 
+ "(src=\'" + myImage.src + "\', sizingMethod='scale');\"></span>" 
myImage.outerHTML = strNewHTML 
} 
}

使用方法 :
在模板的<HEAD>
<!--[if lt IE 7]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->

<img src="xyz.png" alt="foo" width="10" height="20" onload="fixPNG(this)">
高和宽不能去掉。方法来自autoit,详细说明可以看看原文http://homepage.ntlworld.com/bobosola/index.htm

2,vb程序使用png图片,做启动画面相当帮,这里有一个vb中读取png图片的类,我以前的一个程序也是使用的这个类实现的PNG透明效果启动画面。
附件中资源来自枕善居 文件下载

Javascript 相关文章推荐
如何简单地用YUI做JavaScript动画
Mar 10 Javascript
JavaScript null和undefined区别分析
Oct 14 Javascript
基于KMP算法JavaScript的实现方法分析
May 03 Javascript
JQ获取动态加载的图片大小的正确方法分享
Nov 08 Javascript
JavaScript中字符串分割函数split用法实例
Apr 07 Javascript
使用JavaScript的AngularJS库编写hello world的方法
Jun 23 Javascript
jquery实现仿JqueryUi可拖动的DIV实例
Jul 31 Javascript
AngularJS优雅的自定义指令
Jul 01 Javascript
Asp.Net之JS生成分页条的方法
Nov 23 Javascript
vue的mixins属性详解
Mar 14 Javascript
基于JS实现带动画效果的流程进度条
Jun 01 Javascript
详解小程序原生使用ES7 async/await语法
Aug 06 Javascript
按钮JS复制文本框和表格的代码
Apr 01 #Javascript
js报错 Object doesn't support this property or method的原因分析
Mar 31 #Javascript
Javascript 面试题随笔
Mar 31 #Javascript
IE6 fixed的完美解决方案
Mar 31 #Javascript
HTML DOM的nodeType值介绍
Mar 31 #Javascript
setTimeout和setInterval的区别你真的了解吗?
Mar 31 #Javascript
Draggable Elements 元素拖拽功能实现代码
Mar 30 #Javascript
You might like
日本十大科幻动漫 宇宙骑士垫底,第一已成经典
2020/03/04 日漫
php查看请求头信息获取远程图片大小的方法分享
2013/12/25 PHP
php对称加密算法示例
2014/05/07 PHP
PHP正则验证Email的方法
2015/06/15 PHP
关于Yii中模型场景的一些简单介绍
2019/09/22 PHP
Javascript new关键字的玄机 以及其它
2010/08/25 Javascript
JS获取当前网址、主机地址项目根路径
2013/11/19 Javascript
网页右侧悬浮滚动在线qq客服代码示例
2014/04/28 Javascript
vue.js入门教程之绑定class和style样式
2016/09/02 Javascript
微信开发 使用picker封装省市区三级联动模板
2016/10/28 Javascript
jQuery实现根据生日计算年龄 星座 生肖
2016/11/23 Javascript
jquery实现自定义图片裁剪功能【推荐】
2017/03/08 Javascript
js实现加载页面就自动触发超链接的示例
2017/08/31 Javascript
浅谈在node.js进入文件目录的问题
2018/05/13 Javascript
微信小程序 MinUI组件库系列之badge徽章组件示例
2018/08/20 Javascript
JavaScript的console命令使用实例
2019/12/03 Javascript
Node.js API详解之 util模块用法实例分析
2020/05/09 Javascript
[50:04]DOTA2上海特级锦标赛D组小组赛#2 Liquid VS VP第二局
2016/02/28 DOTA
教你用 Python 实现微信跳一跳(Mac+iOS版)
2018/01/04 Python
浅谈Python中重载isinstance继承关系的问题
2018/05/04 Python
Python3中正则模块re.compile、re.match及re.search函数用法详解
2018/06/11 Python
python笔记之mean()函数实现求取均值的功能代码
2019/07/05 Python
Django获取该数据的上一条和下一条方法
2019/08/12 Python
Python图像处理库PIL的ImageGrab模块介绍详解
2020/02/26 Python
PyTorch预训练Bert模型的示例
2020/11/17 Python
巧用CSS3 border实现图片遮罩效果代码
2012/04/09 HTML / CSS
别名指示符是什么
2012/10/08 面试题
请介绍一下WSDL的文档结构
2013/03/17 面试题
写自荐信的七个技巧
2013/10/15 职场文书
诚实守信演讲稿
2014/09/01 职场文书
四风问题民主生活会对照检查材料思想汇报
2014/09/27 职场文书
区长工作作风个人整改措施
2014/10/01 职场文书
个人务虚会发言材料
2014/10/20 职场文书
vue二维数组循环嵌套方式 循环数组、循环嵌套数组
2022/04/24 Vue.js
CSS文本阴影 text-shadow 悬停效果详解
2022/05/25 HTML / CSS
MySQL数据库安装方法与图形化管理工具介绍
2022/05/30 MySQL