在网站设计过程中，有时会将文字呈弧形/扇形/圆形排列，这个时候我们用的最多的就是PS里面文字变形工具，一串文字可能变成弧形/扇形/圆形排列等形状，也可以变成波浪形等，现在我们来看看直接通过jQuery将网页里面的文字变成不同的形状：

实现这样的效果，jQuery当然是必不可少的，

样式：

<style type=”text/css”>

body{

font-size:11px;

font-family:Tahoma;

}

.demo-box{border:1px solid #101010;position:relative;padding:1.5em 0; margin:25px 0px;}

.demo{color:#ff3300;margin:0}

code{display:block;background:#101010;color:#fff;font-family:”Andale Mono”,AndaleMono,monospace;font-size:12px;padding:1em;margin:0 0 4em;white-space:pre}

.container{overflow:hidden;width:90%;max-width:1200px;margin:3em auto}

.social{position:absolute;right:0;top:1em}

</style>

html代码：

<div id=”demo-box1″>

<h2 id=”demo1″>Query is a fast, small, and feature-rich JavaScript library.</h2>

</div>

<div id=”demo-box1″>

<h2 id=”demo2″>Query is a fast, small, and feature-rich JavaScript library.</h2>

</div>

<div id=”demo-box1″>

<h2 id=”demo3″>Query is a fast, small, and feature-rich JavaScript library.</h2>

</div>

<div id=”demo-box1″>

<h2 id=”demo4″>Query is a fast, small, and feature-rich JavaScript library.</h2>

</div>

文字变形的弧度可以根据实际需求来调整！这个运用的虽然不会很多，但是效果还是不错的，同时也让我们看到了jquery的强大