先截两个图看看: 效果很不错吧?会不会误以为这些字体是图片?这可不是图片,而是用JS实现的在线演示 http://demo.jb51.net/js/gradient-test/demo.htm下面来简单分享下实现过程及原理(网站中使用了jquery这个lib,我们这里就不再自己单独实现了,我们这里分享的也是jquery的实现方法): HTML代码: 代码如下: :copyright: 2009 Dragon Interactive. All Rights Reserved. 为了便于代码重用,我们通过class来标识出哪些文字