javascript - IE6 Unit PNG 修复 + Javascript Swap Image 不工作-6ren

javascript - IE6 Unit PNG 修复 + Javascript Swap Image 不工作

转载作者：行者123 更新时间：2023-11-30 06:09:14

29

4

我正在为 IE6 PNG 透明度使用 Unitpngfix。一切进展顺利。

现在我需要在 png 中实现一个菜单按钮，以便在鼠标悬停时切换。我使用了 Dreamweaver“添加行为 > 交换图像”。它生成一个 java 脚本代码。

交换图像脚本:

function MM_preloadImages() { 
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() {
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
  d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() 
{ //v3.0

  var i,j=0,x,a=MM_swapImage.arguments; 
  document.MM_sr=new Array; 
  for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null)
   {
       document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];
   }
}

Unitpng 修复脚本:

var clear="clear.gif"; //path to clear.gif

document.write('<script type="text/javascript" id="ct" defer="defer" src="javascript:void(0)"><\/script>');var ct=document.getElementById("ct");ct.onreadystatechange=function(){pngfix()};pngfix=function(){var els=document.getElementsByTagName('*'),ip=/\.png/i,al="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='",i=els.length,uels=new Array(),c=0;while(i-->0){if(els[i].className.match(/unitPng/)){uels[c]=els[i];c++;}}if(uels.length==0)pfx(els);else pfx(uels);function pfx(els){i=els.length;while(i-->0){var el=els[i],es=el.style,elc=el.currentStyle,elb=elc.backgroundImage;if(el.src&&el.src.match(ip)&&!es.filter){es.height=el.height;es.width=el.width;es.filter=al+el.src+"',sizingMethod='crop')";el.src=clear;}else{if(elb.match(ip)){var path=elb.split('"'),rep=(elc.backgroundRepeat=='no-repeat')?'crop':'scale',elkids=el.getElementsByTagName('*'),j=elkids.length;es.filter=al+path[1]+"',sizingMethod='"+rep+"')";es.height=el.clientHeight+'px';es.backgroundImage='none';if(j!=0){if(elc.position!="absolute")es.position='static';while(j-->0)if(!elkids[j].style.position)elkids[j].style.position="relative";}}}}}}

HTML 代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="swapimage.js" language="javascript"></script>
<!--[if lt IE 7]>
<script type="text/javascript" src="unitpngfix.js"></script>
<![endif]--> 
</head>

<body onload="MM_preloadImages('images/ann-nav-on.png')">
<div id="menu"><img src="images/ann-nav-off.png" class="myswap" id="Image1" onmouseover="MM_swapImage('Image1','','images/ann-nav-on.png',1)" onmouseout="MM_swapImgRestore()" /></div>
</body>
</html>

交换图像概念以及 png 透明度在所有浏览器中都可以正常工作。

但是当我将鼠标悬停在 IE6 上时，我遇到了一个错误。没有鼠标悬停在带有 png 透明度的初始页面加载菜单按钮上，在 ie6 中工作，当我将鼠标移到图像上时，交换 png 图像出现但透明度消失了。

我认为 unitpngfix 脚本在鼠标悬停时被停用。

需要一些建议/帮助来激活鼠标悬停时的 png 透明度。

最佳答案

修复工作的方式是遍历页面上所有图像的列表，检查它们是否为 png，如果是，则添加 css“过滤器”属性(仅由 IE 识别)以获得透明效果.这是在页面加载时完成的，因此当图像被替换时，新图像没有设置其过滤器属性并且不会显示为透明。

解决这个问题需要做的是将两个脚本集成在一起:当悬停脚本替换图像时，它还必须调用 pngfix 脚本来添加 css 以使新图像透明。

希望 unitpngfix 的源代码足够短，您可以阅读它并轻松找出激活单个图像透明度的部分。

关于javascript - IE6 Unit PNG 修复 + Javascript Swap Image 不工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/1212403/

29

4

0

文章推荐： asp.net - Javascript 菜单 OnBlur 问题

文章推荐： javascript - 在特定位置的 asp.net 母版页中呈现 Javascript

文章推荐： Java - 构造函数中的自动字符串实习

文章推荐： javascript - 需要帮助 - - 表格的行列总数

kotlin - () -> Unit 和 (Unit) -> Unit 类型有什么区别？
我有以下功能: fun process(t: T, call: (U) -> Unit, map: (T) -> U) = call(map(t)) fun processEmpty(t: T,
unit-testing - 什么是 "Unit"？
关闭。这个问题需要更多focused .它目前不接受答案。想改善这个问题吗？更新问题，使其仅关注一个问题 editing this post . 4年前关闭。 Improve this questi
SVG 1.1 : What is "user unit" and how to convert user unit into absolute unit(eg: millimeter)?
我正在实现 SVG Tiny 1.1，但我无法理解“用户单元”的概念。 SVG 1.1 规范将每个没有指定单位(例如“mm”、“cm”、“pt”等)的定义为“用户单位”。在实现接口(interfa
unit-testing - 为什么我在 SonarQube 中看不到 "unit test success"小部件的 "unit tests coverage"部分
我正在学习本教程 - http://blog.dasberg.nl/getting-your-frontend-code-quality-in-order/ - 将前端质量指标推送到 SonarQub
unit-testing - 如何在 'rails new app --skip-test-unit' 之后重新启用 Rails 4 中的 Test::Unit
我用了 rails new app --skip-test-unit 因为最初，我认为我可以稍后添加测试。我开发了我的应用程序的很大一部分。现在，我想添加 Test::Unit 但我找不到任何有关
unit-testing - "Unit testing"一份报告
您如何对由某些报表引擎(例如Crystal Reports或SQL Server Reporting Services)创建的报表进行“单元测试”？最佳答案报告的问题类似于GUI的问题。如果报表
unit-testing - 单元测试时 "unit"应该是什么？
今天在 Proggit 上，我正在阅读题为“Why Unit Testing Is A Waste of Time”的提交的评论线程。我并不真正关心文章的前提，而是关心 comment对此作出: T
unit-testing - "Unit Testing"属于白盒测试还是黑盒测试？
“单元测试”属于白盒测试还是黑盒测试？还是与其他两种测试完全不同？最佳答案我觉得这个article by Kent Beck更多地引用 TDD 和单元测试很好地总结了这一点。基本上，这取决于您实际
scala - 为什么允许我将返回非 Unit 的函数传递给采用返回 Unit 的函数的方法？
这是代码: def filterAcc(p: Tweet => Boolean, acc: TweetSet): TweetSet = { foreach(tweet => if(p(el
unit-testing - UNIT 测试 dto 和域对象
我打算编写一个抽象类来测试我所有的 DTO 和 DOMAIN 对象。此类将采用可模板对象(通用类型)并使用反射来获取其中的属性类型，并将一些默认值分配给标识的原始类型，稍后将通过访问它们来断言这些类型
scala - 找到 scala.Unit，需要 Unit
我有一个像这样的简单容器特征: trait Handler { def apply[In, Out](in: In): Out } 当我尝试实现它时: new Handler { def ap
scala - 将 Future[Unit] 分配给 Unit
为什么这样编译 scala> import scala.concurrent.Future import scala.concurrent.Future scala> val f: Unit = Fu
unit-testing - 编写 "unit testable"代码？
您使用什么样的实践来使您的代码对单元测试更加友好？最佳答案 TDD——首先编写测试，强制你要考虑可测试性和帮助编写实际的代码需要的，而不是你认为可能的需要接口(interface)重构——使得 m
elasticsearch - “United States”不是[“United”，“States”]
我在elasticsearch中有文本字段，我想在kibana上可视化词云... 第一步，我们需要标记它们，我使用了“标准标记器” ... 使用这种形式的词云可视化结果如下图所示: 但是我需要的是专有
scala - Unit.type 和 Unit 之间有什么区别
我有以下方法: override def insertAll(notifications: Seq[PushNotificationEncoded]) (i
unit-testing - 应用服务层 : Unit Tests, 集成测试，还是两者兼而有之？
我的应用程序服务层中有很多方法正在做这样的事情: public void Execute(PlaceOrderOnHoldCommand command) { var order = _rep
unit-testing - SailsJS : How to properly unit test controllers?
一直在使用 Sails.js，但在为 Controller 设计 Jasmine 单元测试时遇到了麻烦。如果这很明显，请原谅我的无知，因为在过去的 3-4 个月里我才深入研究 JavaScript 开
math - “LSB/Unit”和 “Unit/LSB”的含义
Closed. This question does not meet Stack Overflow guidelines。它当前不接受答案。想改善这个问题吗？更新问题，以便将其作为on-topic
kotlin - `Unit = Unit`在 Kotlin (Kotlin)中的作用是什么？
在ReKotlin repo README中，有如下代码: data class CounterActionIncrease(val unit: Unit = Unit): Action 代码Unit
unit-testing - Mocking : Unit test question 中的依赖项太多
我想对一个业务类进行测试，但我遇到了这个问题:其中一个模拟对象与其他类(例如 Sites、URL 和 ComplexObject)有许多依赖关系。我的问题是:如果我必须在需要测试的方法中使用我的模拟

首页

博学

6Ren·AI

商城

javascript - IE6 Unit PNG 修复 + Javascript Swap Image 不工作