skuare.net

テキストにグラデーションをかけるjavascript「Textgrad」

テキストは色や大きさを変更できるのみで、あまり変化を付けることができません。
Textgradでは自動でテキストにグラデーションをかけてくれます。

使用方法
Textgradからjquery.textgrad0.jsを、jQueryからjquery.jsをダウンロードします。
<script src="http://yourdomain/jquery.js" type="text/javascript"></script>
<script src="http://yourdomain/jquery.textgrad0.js" type="text/javascript"></script>
以上をhead内に書き込み以下で指定した要素内のテキストがグラデーションで装飾されます。
<script type="text/javascript">
$(document).ready(function() {
$('id名').textgrad({
begin:[255,0,0], //始まりの色（RGB）
end:[0,0,255], //終わりの色（RGB）
type:[o] //グラデーションタイプ（oは円、_は水平、|は垂直など）
});
}
)
</script>
テキストにグラデーションをかけるjavascript「Textgrad」サンプル

｜ ｜ ｜ ｜ ｜ ｜

前の記事：時間を選択できるjavascript「jQuery.ptTimeSelect」
次の記事：1枚の画像から自動でパズルを作成するjavascript「jqPuzzle」

関連記事

• [jQuery]Sifr
• [jQuery]highlight
• テキストを複製できなくするjavascript「jQuery Disable Text Select Plugin」
• テキストファイルをClient Side Includeできるjavascript「inc」
• ページを指定要素で分割するjavascript「pager」