- (function($) {
- jQuery.fn.pngFix = function(settings) {
- settings = jQuery.extend({
- blankgif: 'blank.gif'
- },
- settings);
- var ie55 = (navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion) == 4 && navigator.appVersion.indexOf("MSIE 5.5") != -1);
- var ie6 = (navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion) == 4 && navigator.appVersion.indexOf("MSIE 6.0") != -1);
- if (jQuery.browser.msie && (ie55 || ie6)) {
- jQuery(this).find("img[src$=.png]").each(function() {
- jQuery(this).attr('width', jQuery(this).width());
- jQuery(this).attr('height', jQuery(this).height());
- var prevStyle = '';
- var strNewHTML = '';
- var imgId = (jQuery(this).attr('id')) ? 'id="' + jQuery(this).attr('id') + '" ': '';
- var imgClass = (jQuery(this).attr('class')) ? 'class="' + jQuery(this).attr('class') + '" ': '';
- var imgTitle = (jQuery(this).attr('title')) ? 'title="' + jQuery(this).attr('title') + '" ': '';
- var imgAlt = (jQuery(this).attr('alt')) ? 'alt="' + jQuery(this).attr('alt') + '" ': '';
- var imgAlign = (jQuery(this).attr('align')) ? 'float:' + jQuery(this).attr('align') + ';': '';
- var imgHand = (jQuery(this).parent().attr('href')) ? 'cursor:hand;': '';
- if (this.style.border) {
- prevStyle += 'border:' + this.style.border + ';';
- this.style.border = '';
- }
- if (this.style.padding) {
- prevStyle += 'padding:' + this.style.padding + ';';
- this.style.padding = '';
- }
- if (this.style.margin) {
- prevStyle += 'margin:' + this.style.margin + ';';
- this.style.margin = '';
- }
- var imgStyle = (this.style.cssText);
- strNewHTML += '<span ' + imgId + imgClass + imgTitle + imgAlt;
- strNewHTML += 'style="position:relative;white-space:pre-line;display:inline-block;background:transparent;' + imgAlign + imgHand;
- strNewHTML += 'width:' + jQuery(this).width() + 'px;' + 'height:' + jQuery(this).height() + 'px;';
- strNewHTML += 'filter:progid:DXImageTransform.Microsoft.AlphaImageLoader' + '(src='' + jQuery(this).attr('src') + '', sizingMethod='scale');';
- strNewHTML += imgStyle + '"></span>';
- if (prevStyle != '') {
- strNewHTML = '<span style="position:relative;display:inline-block;' + prevStyle + imgHand + 'width:' + jQuery(this).width() + 'px;' + 'height:' + jQuery(this).height() + 'px;' + '">' + strNewHTML + '</span>';
- }
- jQuery(this).hide();
- jQuery(this).after(strNewHTML);
- });
- jQuery(this).find("*").each(function() {
- var bgIMG = jQuery(this).css('background-image');
- if (bgIMG.indexOf(".png") != -1) {
- var iebg = bgIMG.split('url("')[1].split('")')[0];
- jQuery(this).css('background-image', 'none');
- jQuery(this).get(0).runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + iebg + "',sizingMethod='scale')";
- }
- });
- jQuery(this).find("input[src$=.png]").each(function() {
- var bgIMG = jQuery(this).attr('src');
- jQuery(this).get(0).runtimeStyle.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader' + '(src='' + bgIMG + '', sizingMethod='scale');';
- jQuery(this).attr('src', settings.blankgif)
- });
- }
- return jQuery;
- };
- })(jQuery);
- $(document).ready(function() {
- $(document).pngFix();
- });
Jquery让IE6支持PNG透明背景图片插件详解
类别:Jquery 作者:码皇 来源:互联网 点击:
Jquery让IE6支持PNG透明背景图片插件用法超简单: 1、引入Jquery核心库js文件 2、引入支持PNG透明背景图片插件js文件 以上两个步骤就可以了 插件代码如下: (function($){ jQuery fn pngFix=function(settings){ ,魔客吧
Jquery让IE6支持PNG透明背景图片插件用法超简单:
1、引入Jquery核心库js文件
2、引入支持PNG透明背景图片插件js文件
以上两个步骤就可以了
插件代码如下:
相关热词搜索:
Jquery让IE6支持PNG透明背景图片插件详解