0

我有一个命令按钮和两个 CSS 类：

td.left
{
    background: url(button-left-normal.gif)  no-repeat;
}

td.leftIn
{
    color: #FFFF99;
    background: url(button-left-normal-in.gif)  no-repeat;      
}

为了向用户致谢，我已将按钮背景图像更改为 button-left-normal-in.gif 并在 150 毫秒后通过以下 javascript 代码再次设置为 button-left-normal.gif：

function showKeyButton(keyID)
{
    try 
    {
        //alert("keyID:" + keyID);
        loadCSSIfNotAlreadyLoadedForSomeReason();       
        if (keyID)
        {
            btnElem = document.getElementById("btnId" + intToChar(keyID));
            if (btnElem)
            {
              cNameOld = btnElem.className;
              var cName = cNameOld + " " + cNameOld + "In";
              //alert("cName:" + cName);
              //alert("cNameOld:" + cNameOld);
              //alert(window.getMatchedCSSRules(btnElem))
              btnElem.className = cName;              
              //alert(window.getMatchedCSSRules(btnElem))
              setTimeout(function(){try{btnElem.className = cNameOld;}catch(ex){alert("Error:" + ex);}  }, inButtonDisplayMsecTime, btnElem);
              //alert(inButtonDisplayMsecTime);
              //alert("Completed");
            }
            else
            {
                alert("showButtonClick(" + keyID + ") - no element");
            }
        }
    }
    catch(ex){alert("Error:" + ex);}
}

但问题是，启动后第一次加载网页时它不起作用。第一次之后它会一直工作到下一次启动。

你能帮我么？可能是第一次无法通过 CSS 使用 javascript 访问的图像。如果我遇到这种情况，会有什么解决方案？

4

0 回答 0