1

私は4つの画像ボタンを持っています。mouseenter で画像の色を変更するための JavaScript コードをいくつか書きました。また、mouseleave すると、以下のように元の状態に戻ります。

<script language="javascript" type="text/javascript">             
    function mouseOverImage(Id) {                       
       document.getElementById(Id).src = "Images/Yellow.png";
    }

    function mouseOutImage(Id) {    
       document.getElementById(Id).src = "Images/TestImage.png";                 
    }
</script>

ボタン 1 をクリックすると、色を黄色に変更する必要があり、この状況ではマウスを離すイベントを発生させることができませんでした。

をクリックするとbutton2、button1元の状態に戻るはずです。

誰でも助けることができますか？

4

2 に答える 2

2

jQuery を使用すると簡単です。サンプル コードを次に示します。

$('#button1').on('click', function () {
    //button 1 click event goes here
    $(this).css("background-image", "url(Images/Yellow.png)");
});

$('#button1').hover(
    function () {
        //button 1 hover event
    },
    function () {
       //button 1 hover out event 
    });

$('#button2').on('click', function () {
    //button 2 click event goes here
    $('#button1').css("background-image", "url(Images/Original.png)");
});
于 2013-05-15T12:33:47.673 に答える
0

あなたが試すことができます、

 $(document).on(
    {
        mouseenter: function () {

        },
        mouseleave: function () {

        }
    }, '.chat-button');

チャット ボタンは -> ボタン 2 およびボタン 1 クライアント ID

jquery 1.9.x

于 2013-05-15T12:19:08.253 に答える