看到很多博客的文章标题都有很好的文字效果,阴影之类了。顿时就想到强大的jquery,到网上找了找,找的一个不错的jquery插件,Font effect,能很简单实现一些漂亮的文字效果。然后就折腾了一会,最终搞定,让我的《双陈记》情侣博客的文章标题也实现了这种阴影效果。
先去http://www.iofo.it/jquery/fonteffect/ 下载一个fonteffect库文件,然后接下来的事情就很简单了。还有必备的jquery库文件。然后就在<header></header>中调用这两个js文件。
接着来实现一个阴影实例。
1 HTML部分:<DIV id='example1'> Shadow </DIV>
2 CSS部分:#example1{ font-family :"Impact"; color :#000; font-size :3em; }
3 javascript部分:$('#example1').FontEffect({ shadow:true })
这样就OK了,很简单的吧!
再来尝试其他效果。
二 渐变(Gradient )实例
1 HTML部分:<DIV id='example2'> Gradient </DIV>
2 CSS部分:#example2{ font-family :"Impact"; color :#000; font-size :3em; }
3 javascript部分:$('#example2').FontEffect({ gradient:true })
三 反射(Mirror)实例
1 HTML部分:<DIV id='example3'> Mirror </DIV>
2 CSS部分:#example3{ font-family :"Impact"; margin-bottom:30px; color :#000; font-size :3em; }
3 javascript部分:$('#example3').FontEffect({ mirror:true })
更多实例去网站看看吧http://www.iofo.it/jquery/fonteffect/
还有一个不错的jquery文字效果的插件推荐一下:labelEffect 官方whttp://keith-wood.name/labelEffect.html
越花哨越好!