如何使用jquery/css实现可点击按钮效果？提供的例子

我想在我的网站上有这个按钮效果，有一个例子，当你点击注册时，免费的绿色按钮，它就是这个库尔效果（它推回）！！，我希望我有道理

基本上，这只是使用背景sprite图像，并通过一些jQuery定义不同的状态。如果您查看按钮的背景图像，您将看到所涉及的不同状态。本质上，CSS语句将通过改变背景图像的位置来定义每个状态。i、 e

input { background-position: 0 0 }
input.click { background-position: 0 -100px; }
input.mouseover { background-position: 0 -200px; }

在jQuery中，您可以为不同的鼠标事件指定添加类，例如：

$(document).ready(function(){

$(input).mouseover(function() {
  input.removeClass('click');
  input.addClass('mouseover');
});

$(input).click(function() {
  input.removeClass('mouseover');
  input.addClass('click');
});

});

---

注意-此处的代码未经测试，但应该能让您大致了解该做什么。

您也可以不需要JavaScript就可以做到这一点。只需使用：hover和：active伪类。