jQuery 超酷的立體漸變文字效果_jQuery文字改變

jQuery 實(shí)現(xiàn)超酷的立體漸變文字效果，代碼不算多，運(yùn)行時(shí)候稍微有點(diǎn)慢，不過(guò)已經(jīng)不錯(cuò)了，發(fā)揮了jQuery的最佳潛能，你該相信jQuery的強(qiáng)大了吧？看看效果吧，模板無(wú)憂截圖如上所示。
　　方法：先計(jì)算出字體所在容器的高度N，然后清空容器內(nèi)容，并添加N個(gè)span，span內(nèi)容為原容器文字，每個(gè)span的顏色根據(jù)漸變色進(jìn)行計(jì)算，而且其中文字的定位要比前一個(gè)span向上偏移一個(gè)像素。CSS中可以看到，每個(gè)span的高度都為1。這樣我們通過(guò)N個(gè)不同顏色的1px的span把字體“拼”出來(lái)，然后加上“高光/陰影”就搞定了。