Lettering.JS

The following are some hokey examples of how you can implement LETTERING.JS.

Letters

The HTML

	<div id="demo1" class="demo">
  <h1>Rainbow</h1>
</div>

The jQuery

$(document).ready(function() {
  $("#demo1 h1").lettering();
});

The Result

Rainbow

Words

$("#demo2 h1").lettering('words');

The Result

Hi, Multi Color

Lines

$("#demo3 p").lettering('lines');

The Result

This is an amazing
Revolution in Typography.
The possibilities are endless:
Coloring, Vertical spacing, and Kerning.

Advanced #1: Chaining 2 Methods

$("#demo4 h1").lettering('words').children("span").lettering();

The Result

Double Rainbow

Advanced #2: Chaining and Styling

$("#demo5 h1").lettering()
	.children("span").css({'display':'inline-block', '-webkit-transform':'rotate(-25deg)'});

The Result

WOOOoo!

适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.

代码整理:站长图库