2019獨角獸企業(yè)重金招聘Python工程師標準>>>

一個網(wǎng)站的設(shè)計，排版是一個非常重要的組成部分。但它也常常被忽視。在這篇文章中，我編了最棒的jQuery插件，以便于來控制您的網(wǎng)站的排版。

FitText.js

FitText是一個簡單的jQuery插件，可以自動使文本適合它的父元素的寬度。

下載：http://fittextjs.com/

Lettering.js

雖然CSS3的@ font-face的指令已經(jīng)有了明顯的改善網(wǎng)頁排版，它并沒有提供完整的到字母的控制。這就是為什么要創(chuàng)建 Lettering.js。如果你正在尋找一個簡單的解決方案，讓您的標題，每一個單個字母的控制，那么這個插件正是給你的。

下載：http://letteringjs.com/

演示地址 ?http://www.kernjs.com/

Kern.js

當我創(chuàng)建設(shè)計或前端，Kern.js 不僅是一個jQuery插件，還是一個書簽，允許您從網(wǎng)站編輯文本：使他們增大，旋轉(zhuǎn)字母，增加空間。。。是一個用于測試和尋找新的可能性的非常有用的工具。

下載：kernjs.com

SlabText.js

SlabText是一個非常有用的jQuery插件，可以分割成調(diào)整大小的每一行的行前的頭條新聞，以填補可用的水平空間。基本上，這意味著，無論任何客戶端屏幕大小，您的標題總是會很好看。一個必須具備的響應網(wǎng)站！

下載：http://www.frequency-decoder.com/2012/01/08/slabtext

Bacon.js

Bacon是一個jQuery插件，可以讓文字圍繞一個貝塞爾曲線或直線。雜志般的包裹的文字效果非常酷！

下載地址：http://baconforme.com/

Approach

Approach是一個有趣的插件，如果你想給一個文本文件（例如，一個動作性按鈕）一種特殊的效果，吸引讀者的關(guān)注。這個插件與jQuery動畫工作方式非常相似，但它的動畫距離，而非時間。你越接近的文本，可以應用更多的風格。

下載：http://srobbin.com/jquery-plugins/approach/

Arctext.js

這里是另一個很酷的插件，Lettering.js 的基礎(chǔ)上，沿著彎曲的路徑排列每個字母。可以非常好的用于標題，頭條或其他花哨的文本。

下載：http://tympanus.net/codrops/2012/01/24/arctext-js-curving?

jMetronome

根據(jù)24ways.org，垂直節(jié)奏的間距和排列的文字，讀者下降的頁面，三個因素組成：字體大小，行高，間距或填充。所有這些因素都應小心計算，以便于保持節(jié)奏。

jMetronome是一個jQuery插件，它可以在您的網(wǎng)頁上保持正確的垂直節(jié)奏，即使它們包含例如圖片或視頻的媒體元素。

下載：http://www.fortes.com/2008/jmetronome-using-jquery-to-keep-typographic-rhythm

?中文發(fā)布地址：http://www.aodod.com/bencandy.php?fid-12-id-378-page-1.htm

轉(zhuǎn)載于:https://my.oschina.net/xiahuawuyu/blog/82401

總結(jié)

以上是生活随笔為你收集整理的非常棒的jQuery排版用插件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。