在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 相关文章推荐
各浏览器对link标签onload/onreadystatechange事件支持的差异分析
Apr 27 Javascript
js中的setInterval和setTimeout使用实例
May 09 Javascript
详谈JavaScript内存泄漏
Nov 14 Javascript
jQuery实现的输入框选择时间插件用法实例
Feb 28 Javascript
jQuery mobile的header和footer在点击屏幕的时候消失的解决办法
Jul 01 Javascript
学习vue.js计算属性
Dec 03 Javascript
AngularJS入门教程之Helloworld示例
Dec 25 Javascript
正则 js分转元带千分符号详解
Mar 08 Javascript
JavaScript使用math.js进行精确计算操作示例
Jun 19 Javascript
vue-cli+iview项目打包上线之后图标不显示问题及解决方法
Oct 16 Javascript
详解uniapp的全局变量实现方式
Jan 11 Javascript
Webpack3+React16代码分割的实现
Mar 03 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
一个可以找出源代码中所有中文的工具
2006/10/25 PHP
php不使用插件导出excel的简单方法
2014/03/04 PHP
php $_SESSION会员登录实例分享
2021/01/19 PHP
PHP实现图片批量打包下载功能
2017/03/01 PHP
php基于session锁防止阻塞请求的方法分析
2017/08/07 PHP
jQuery Ajax 全解析
2009/02/08 Javascript
jquery 学习之二 属性相关
2010/11/23 Javascript
js中设置元素class的三种方法小结
2011/08/28 Javascript
Extjs4 消息框去掉关闭按钮(类似Ext.Msg.alert)
2013/04/02 Javascript
javascript实现的一个带下拉框功能的文本框
2014/05/08 Javascript
JavaScript 事件对内存和性能的影响
2017/01/22 Javascript
webpack打包js的方法
2018/03/12 Javascript
JS+html5实现异步上传图片显示上传文件进度条功能示例
2019/11/09 Javascript
javscript 数组扁平化的实现
2020/02/03 Javascript
three.js 利用uv和ThreeBSP制作一个快递柜功能
2020/08/18 Javascript
[07:03]显微镜下的DOTA2第九期——430圣堂刺客杀戮秀
2014/06/20 DOTA
python将ip地址转换成整数的方法
2015/03/17 Python
Python win32com 操作Exce的l简单方法(必看)
2017/05/25 Python
pandas 获取季度,月度,年度首尾日期的方法
2018/04/11 Python
使用numpy和PIL进行简单的图像处理方法
2018/07/02 Python
对python捕获ctrl+c手工中断程序的两种方法详解
2018/12/26 Python
对python中类的继承与方法重写介绍
2019/01/20 Python
python学生管理系统开发
2019/01/30 Python
详解Python字符串切片
2019/05/20 Python
python单例模式原理与创建方法实例分析
2019/10/26 Python
原生 JS+CSS+HTML 实现时序图的方法
2019/07/31 HTML / CSS
美国殿堂级滑板、冲浪、滑雪服装品牌:Volcom(钻石)
2017/04/20 全球购物
Merchant 1948澳大利亚:新西兰领先的鞋类和靴子供应商
2018/03/24 全球购物
加拿大国民体育购物网站:National Sports
2018/11/04 全球购物
欧缇丽加拿大官方网站:Caudalie加拿大
2019/07/18 全球购物
大学生学习自我评价
2014/01/13 职场文书
土地转让协议书
2014/09/27 职场文书
公司劳动纪律管理制度
2015/08/04 职场文书
追悼会家属答谢词
2015/09/29 职场文书
优化Mysql查询的示例
2022/04/26 MySQL
在windows server 2012 r2中安装mysql的详细步骤
2022/07/23 Servers