如何使用jQurey打造动态渐变效果(7)

Step4 - CSS修改

在纯CSS效果的示例中，我们是利用：hover伪类来实现sprite图片的切换，当我们使用jQuery后，是引入一个《span》层作为鼠标经过时背景图，所以CSS需要做如下修改：

修改为

总结

以上我们按4个步骤实现了一个动态渐变按钮，在演示中，我还提供了一个扩展示例，您可以跟着自己实现一个，也可以下载源代码修改定制，当然，您有什么好的提议或者有什么问题，欢迎给我留言。

查看最终效果

下载源代码

本文地址：http://www.cnblogs.com/wiky/articles/gradual-change-button.html