Javascript asp.net按钮行为的实现(例如,鼠标左键按住按钮会导致其文本稍微移动)
我在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: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"); });