ASP.NET-单击按钮时,如何更改背景图像的位置?
我有一个标准asp按钮,单击它会触发:ASP.NET-单击按钮时,如何更改背景图像的位置?,asp.net,css,background-position,Asp.net,Css,Background Position,我有一个标准asp按钮,单击它会触发: protected void btnDealItem_Click(object sender, EventArgs e) { divMyDiv.Style.Add("background-position", "70px 0"); } 问题是,当点击按钮时,背景不会向右移动70像素 这是正确的方法还是语法问题?您可以使用JQuery在客户端执行: 我从您的代码中假设您不想对按钮的单击事件执行任何其他操作。行返回false停止按钮发回页面 $(d
protected void btnDealItem_Click(object sender, EventArgs e)
{
divMyDiv.Style.Add("background-position", "70px 0");
}
问题是,当点击按钮时,背景不会向右移动70像素
这是正确的方法还是语法问题?您可以使用JQuery在客户端执行: 我从您的代码中假设您不想对按钮的单击事件执行任何其他操作。行
返回false代码>停止按钮发回页面
$(document).ready(function () {
$("#" + <%= btnDealItem.ClientID %>).click(function() {
$(this).attr("style", "background-position:70px 0;" );
return false;
});
});
$(文档).ready(函数(){
$(“#”+)。单击(函数(){
$(this.attr(“样式”,“背景位置:70px 0;”);
返回false;
});
});
或
.背景变化{
背景位置:70px0;
}
$(文档).ready(函数(){
$(“#”+)。单击(函数(){
$(this.addClass(“backgroundshift”);
返回false;
});
});
问题在于,在单击按钮后,在服务器端定义了样式。
简化的场景如下所示:
服务器第一次呈现页面李>
用户单击按钮
服务器调用按钮单击事件李>
服务器呈现页面李>
用户可以看到更改了背景图像位置的按钮
如果您想在单击按钮后立即实现更改,请通过java脚本使用客户端脚本。这方面您进展如何?
<style>
.backgroundshift {
background-position: 70px 0;
}
</style>
$(document).ready(function () {
$("#" + <%= btnDealItem.ClientID %>).click(function() {
$(this).addClass("backgroundshift");
return false;
});
});