Tweet｜ ｜ ｜ ｜

[ 1分で読めて簡単導入できます]

テキストは色や大きさを変更できるのみで、あまり変化を付けることができません。
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」サンプル

記事作成：2007年10月16日