Javascript asp.net按钮行为的实现(例如,鼠标左键按住按钮会导致其文本稍微移动)

Javascript asp.net按钮行为的实现(例如,鼠标左键按住按钮会导致其文本稍微移动),javascript,asp.net,css,button,Javascript,Asp.net,Css,Button,我在asp.net中有一个按钮,如下所示: <asp:Button ID="btnSaveInrpvEdit" CssClass="btnSaveInrpvEdit" runat="server" Text="" ValidationGroup="B" onclick="btnSaveInrpvEdit_Click" /> 所以它在盘旋中的每一件事都是好的… 此时,我想在其上实现左鼠标按住和释放按钮的行为 如果您注意asp.net中的常规按钮,您将看到鼠标左键被单击并按住

我在asp.net中有一个按钮,如下所示:

<asp:Button ID="btnSaveInrpvEdit" CssClass="btnSaveInrpvEdit" runat="server" 
    Text="" ValidationGroup="B" onclick="btnSaveInrpvEdit_Click" />
所以它在盘旋中的每一件事都是好的…
此时,我想在其上实现左鼠标按住和释放按钮的行为
如果您注意asp.net中的常规按钮,您将看到鼠标左键被单击并按住该按钮,因此它的文本似乎移动了一点…
同时,当我们释放鼠标左键时,该按钮将返回到正常模式

如何使用css和javascript完成这项工作


提前感谢

首先,请注意,按下按钮时文本移动(如果文本移动)与

.btnSaveInrpvEdit
{
    background: url(/Images/Admin/btnSave.png) no-repeat left top;
    width: 155px;
    height: 63px;
    border: 0px;
    outline: none;
}
.btnSaveInrpvEdit:hover,.btnSaveInrpvEdit:active
{
    background: url(/Images/Admin/btnSave_Hover.png) no-repeat left 1px;
    cursor: pointer;
    outline: none;
}
.btnSaveInrpvEdit.mousedown
{
    background: url(/Images/Admin/btnSave.png) no-repeat 1px 1px;
}
$("#btnSaveInrpvEdit").mousedown(function () { $(this).addClass("mousedown"); });
$("#btnSaveInrpvEdit").mouseup(function () { $(this).removeClass("mousedown"); });
$("#btnSaveInrpvEdit").mouseleave(function () { $(this).removeClass("mousedown"); });