skuare.net

JavaScriptライブラリjQueryのサンプルを中心にWebサイト構築に役立つ情報を紹介

ウィンドウサイズにあわせてテキストサイズを変更するjQueryプラグイン「slabText」

スマートフォンな時代が来ると横だ縦だ、iPhoneだAndroidだ、ワンソースで書けだのウィンドウサイズを意識することが出てきます。
jQueryプラグインのslabTextを利用するとテキストサイズをウィンドウサイズにあわせて変更することが可能です。

sponsors

使用方法 slabTextからファイル一式をダウンロード。
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="jquery.slabtext.js"></script>
<script>
$(document).ready(function() {
$("h1").slabText();
});
</script>

※h1部分には適用させたい要素を記述します。

あとは上記に記述した要素を書けば完成です。

ウィンドウサイズにあわせてテキストサイズを変更するjQueryプラグイン「slabText」サンプル

sponsors

「ウィンドウサイズにあわせてテキストサイズを変更するjQueryプラグイン「slabText」」をシェアする

記事作成:
記事URL:

TOP > > ウィンドウサイズにあわせてテキストサイズを変更するjQueryプラグイン「slabText」

前の記事:
次の記事:ブラウジング環境を確認できるだけのページ

あなたにはこちもお勧め!

jQuery プラグインまとめ!

JavaScript

read more

Column

read more