JavaScript OnMouseDown图像悬停效果帮助

Question

这就是我制作的秒表（您可以在此处查看）。

但是，当您尝试一下时，您会发现存在一些问题，而我想实现的目标是...

当我将鼠标悬停在开始按钮上时，将显示鼠标悬停，但是当我单击向下时，将显示停止按钮，而当鼠标按钮在上方时，将出现停止按钮悬停/悬停图像。

它在其中执行我想要的操作，但是当您将秒表悬停在时间上时，当我希望停止按钮停留时，将显示开始按钮。

另外，当时间到了，并且光标仍在停止按钮上时，再次按下它而不是显示开始按钮，就像我希望它仍然显示停止按钮一样。

现在我知道我要对此使用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>