Справка по эффекту наведения изображения JavaScript OnMouseDown - PullRequest
0 голосов
/ 16 апреля 2011

Итак, вот что я сделал секундомер (который вы можете посмотреть здесь ).

Однако, когда вы попробуете это, вы увидите, что есть некоторые проблемы, и я пытаюсь добиться этого ...

При наведении курсора на кнопку «Пуск» отображается ролловер, но когда я нажимаю вниз, появляется кнопка «Стоп», а когда кнопка мыши поднимается, появляется изображение ролловера / наведения мыши.

В котором он делает то, что мне нужно, но когда вы выключаете секундомер, когда идет время, появляется кнопка запуска, когда я хочу, чтобы кнопка остановки оставалась.

Кроме того, когда время идет, а курсор все еще находится на кнопке остановки, после повторного нажатия вместо отображения кнопки запуска, как я хочу, она все еще показывает кнопку остановки.

Теперь я знаю, что мне не терпится использовать заявления If и Else If с этим, однако я не знаю, как заставить это работать. (Я потратил почти 3 часа, пытаясь найти ответ, и просто сегодня находился в состоянии блондинки)

Кто-нибудь может помочь ???

1 Ответ

1 голос
/ 16 апреля 2011

Попробуйте это:

    <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>
...