《双陈记》情侣博客

位置:主页 > IT那点事 > jquery实现《双陈记》情侣博客漂亮的标题效果

jquery实现《双陈记》情侣博客漂亮的标题效果

  看到很多博客的文章标题都有很好的文字效果,阴影之类了。顿时就想到强大的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 )实例 

HTML部分:<DIV id='example2'>  Gradient </DIV> 

2 CSS部分:#example2{ font-family :"Impact"; color :#000; font-size :3em; } 

3 javascript部分:$('#example2').FontEffect({ gradient:true }) 

三 反射(Mirror)实例 

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 官方w
http://keith-wood.name/labelEffect.html



无觅相关文章插件

已经盖了1 层楼,还不来盖楼!

love730.com
To:双陈记

 疑问 冷笑 悲伤 坏蛋 感叹 微笑 脸红 大笑 吃惊 惊讶 困惑 酷 大声笑 恼火 古怪

您还可以输入300个字插入图片