Question

所以这就是我制作秒表的东西（你可以查看here）。

然而，当你试一试时，你会发现存在一些问题，而我正在努力实现的目标是......

当我将鼠标悬停在开始按钮上时，会显示翻转，但是当我单击时会出现停止按钮，当鼠标按钮启动时，会出现停止按钮翻转/悬停图像。

它在那里做了我想要的东西，但是当你的时间停留在秒表时，当我想要停止按钮时，会出现开始按钮。

此外，当时间到了，光标仍在停止按钮上时，再次按下它而不是显示开始按钮，就像我想要的那样仍然显示停止按钮。

现在我知道我一直在使用If和Else If语句但是我不知道如何让它工作。（我花了差不多3个小时试图找到答案，并且今天整天都有一个内心的金发时刻）

有人可以帮忙???

Answer 1

试试这个：

    <script language="javascript">
        var started = false; 
    </script>
    <div class="start">
        <A HREF="#" onclick="started = !started;findTIME();"
        onMouseOver = "if(started){document.images['imBut'].src='images/stophover';}else{document.images['imBut'].src='images/starthover.png';}"
        onMouseOut = "if(started){document.images['imBut'].src='images/stop.png';}else{document.images['imBut'].src='images/start.png';}"
        onMouseDown = "document.images['imBut'].src='images/stop.png';"
        onMouseUp = "document.images['imBut'].src='images/stophover.png';"
        <IMG NAME="imBut" SRC="images/start.png" WIDTH="65" HEIGHT="32" BORDER="0"></A>
    </div>

JavaScript OnMouseDown图像悬停效果帮助

1 个答案: