jquery - 使用 Jquery 无需进入服务器即可更改按钮的图像

Question

我有一个带有图像并使用 MVC Ajax 表单(不是 Jquery)的按钮，但我想通过 Jquery 将按钮图像更改为加载元素，如何使用已加载到中的元素 img 来执行此操作页面(如果从服务器加载，它就失去了立即显示加载元素的目的)。

Answer 1

如果您使用平铺按钮图像并小心定位，则更改类将更改明显图像，而无需加载任何新内容。

例如假设你的按钮图像是 2*50px 宽(即 100px 宽)

CSS

button {
  background: url('path/button.png') 0px 0px no-repeat;
  width: 50px;
}

button.pic{
  background: url('path/button.png') 50px 0 no-repeat;//offset the image to show 2nd half
}

这里有一篇关于该技术的好文章:http://www.alistapart.com/articles/sprites2/