javascript - asp.net中的鼠标进入和鼠标离开事件

Question

我有 4 个图像按钮。我写了一些 JavaScript 代码来改变 mouseenter 上图像的颜色。同样在 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>  

如果我点击 button1，我必须将颜色更改为黄色，并且在这种情况下无法触发鼠标离开事件。

如果我点击 button2，button1 应该回到原来的状态。

有人能帮忙吗？

Answer 1

如果你使用 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)");
});