0

我继承了 2001 年使用 Dreamweaver 为我们的 Intranet 站点编写的代码。该代码使用著名的 MM_ Javascript 函数来处理滚动图像以进行导航(页面顶部的选项卡)。Intranet 站点多年来只被 IE 使用,但一位新经理想让它适用于 Chrome。我在 Chrome 中注意到单击时图像会消失。这意味着单击的图像消失了,然后右侧的所有图像都滑过,一旦它们击中鼠标,它们也会消失。

我已经将 MM_ 函数用于简单的“onmouse ...”事件,但在 Chrome 中也会发生相同的行为。这是我的代码示例:

<SPAN> <A href="/demographics/CaseLookup" tabindex="-1"><IMG src="/site/images/tabs/Find_Case_on.gif"
onmouseup="this.src='/site/images/tabs/Find_Case_on.gif';" 
onmousedown="this.src='/site/images/tabs/Find_Case_on.gif';" 
onmouseover="this.src='/site/images/tabs/Find_Case_on.gif';" 
onmouseout="this.src='/site/images/tabs/Find_Case_on.gif';" border="0"></A><A href="/demographics/Demographics" tabindex="-1"><IMG src="/site/images/tabs/Case_Info_off.gif"
onmouseup="this.src='/site/images/tabs/Case_Info_on.gif';" 
onmousedown="this.src='/site/images/tabs/Case_Info_on.gif';" 
onmouseover="this.src='/site/images/tabs/Case_Info_over.gif';" 
onmouseout="this.src='/site/images/tabs/Case_Info_off.gif';" border="0"></A><A href="/demographics/CaseRelationships" tabindex="-1"><IMG src="/site/images/tabs/Case_Parties_off.gif"
onmouseup="this.src='/site/images/tabs/Case_Parties_on.gif';" 
onmousedown="this.src='/site/images/tabs/Case_Parties_on.gif';" 
onmouseover="this.src='/site/images/tabs/Case_Parties_over.gif';" 
onmouseout="this.src='/site/images/tabs/Case_Parties_off.gif';" border="0"></A><A href="/demographics/CaseMedicaid" tabindex="-1"><IMG src="/site/images/tabs/Medicaid_off.gif"
onmouseup="this.src='/site/images/tabs/Medicaid_on.gif';" 
onmousedown="this.src='/site/images/tabs/Medicaid_on.gif';" 
onmouseover="this.src='/site/images/tabs/Medicaid_over.gif';" 
onmouseout="this.src='/site/images/tabs/Medicaid_off.gif';" border="0"></A></SPAN>

我无法使用 cssSprites,因为每个选项卡都是根据用户安全性单独显示的(如果用户无法访问页面,他们看不到选项卡图像 - 如果他们尝试直接访问页面,则会被重定向回家)。难道是当用户离开页面时,onmouseover 仍然会尝试触发,但图像不再可用?奇怪的是,这段代码在 IE 和 Firefox 上可以正常工作。

有什么建议么?——艾尼

4

0 回答 0