DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 在IE和VB中支持png圖片透明效果的實現方法(vb源碼打包)
在IE和VB中支持png圖片透明效果的實現方法(vb源碼打包)
編輯:關於JavaScript     
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透明效果啟動畫面。
附件中資源來自枕善居 文件下載
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved