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>