单击鼠标时图像消失

时间:2013-11-13 21:11:51

标签: javascript html css google-chrome

我继承了2001年为我们的Intranet站点用Dreamweaver编写的代码。该代码使用着名的MM_Javascript函数来处理用于导航的翻转图像(页面顶部的标签)。内部网站点仅供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上运行。

有什么建议吗? - Einy

0 个答案:

没有答案