鼠标进入和鼠标离开asp.net

事件我有4个图像按钮。我编写了一些JavaScript代码，用于在mouseenter上更改图像的颜色。同样在mouseleave上，它会回到原始状态，如下所示。鼠标进入和鼠标离开asp.net

<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，我不得不改变颜色为黄色和鼠标离开事件不能在这个situvation解雇。

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

任何人都可以帮忙吗？

来源

2013-05-14 Subbu

请确保您的网页没有回来后，如果剂量则需要跟踪按钮，通过你的网页发回来设置CSS或图像源。 – 2013-05-14 10:33:30

你可以试试，

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

     }, 
     mouseleave: function() { 

     } 
    }, '.chat-button');

聊天按钮 - > BUTTON2和Button1的客户端ID

jQuery的1.9.x的

来源

2013-05-15 12:19:08

它更容易，如果你使用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-15 12:33:47 Raver0124

鼠标进入和鼠标离开asp.net

回答

相关问题