javascript显示选项卡获胜'我不在firefox工作

javascript reveal tab won't work in firefox

本文关键字：firefox 工作 选项 显示 获胜 javascript      更新时间：2023-09-26

我到处寻找答案，但在任何地方都找不到类似的问题。

我正在尝试设置一个显示，单击图像后会在其下方显示一个文本框。该图像也有滚动更改。我已经将它设置为直接的javascript和jquery，这两次它都适用于除firefox之外的所有浏览器！我已经尝试了我能想到的几乎所有东西，但"切换"命令根本不起作用。

滚动更改在包括firefox在内的所有浏览器中都能很好地工作，所以我不认为它是javascript。该脚本在facebook页面之外的firefox中运行非常完美。

这是我的测试链接(点击"商店满意"查看(：http://www.facebook.com/pages/ToyOtter/184864048266693?sk=app_192059734207312

这是我正在使用的脚本：

function toggle5(showHideDiv, switchImgTag) {
    var ele = document.getElementById(showHideDiv);
    var imageEle = document.getElementById(switchImgTag);
    if(ele.style.display == "block") {
            ele.style.display = "none";
    imageEle.innerHTML = '<img src="image2">';
    }
    else {
            ele.style.display = "block";
            imageEle.innerHTML = '<img src="image1">';
    }

}

这是html:

  <div id="headerDivImg"><a id="imageDivLink" href="javascript:toggle5('contentDivImg', 'imageDivLink');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','http://www.toyotter.com/reveal/images/revealtest_03_ro.jpg',1)"><img src="http://www.toyotter.com/reveal/images/revealtest_03.jpg" name="Image5" width="501" height="28" border="0"></a></div> <div id="contentDivImg" style="display: none"><center><table width="350" border="0" align="center" cellpadding="10" cellspacing="2" bgcolor="#f1e3b8"><tr><td>Never go shopping for the holiday meal preparations on an empty stomach. It's too tempting! If you have a snack before picking up your groceries, you will be less impulsive and more likely to stay on a healthy track.</td></tr></table></center> </div>

尝试将href="javascript:toggle5('contentDivImg', 'imageDivLink');"更改为href="#" onclick="toggle5('contentDivImg', 'imageDivLink');"。

尝试将a href更改为具有以下参数的图像。

<img id="imageDivLink" onClick="toggle5('contentDivImg', 'imageDivLink');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','http://www.toyotter.com/reveal/images/revealtest_03_ro.jpg',1)">

你应该查看css，悬停，寻找onMouseOut和onMouseOver的替代方案，它应该看起来像这样。

#imageDivLink:hover{
     background: url('location of the image');
}
相关文章：