Question

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

我正在尝试设置一个显示单击图像的显示，并在其下方显示一个文本框。图像也有翻转变化。我把它设置为直接的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>

Answer 1

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

Answer 2

尝试使用以下参数将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，hovers，作为onMouseOut和onMouseOver的替代品，它看起来应该是这样的。

#imageDivLink:hover{
     background: url('location of the image');
}

javascript揭示选项卡在Firefox中不起作用

2 个答案: