CSSの装飾をJavaScriptで動かしてユーザーを引きつける「Art Text Light」

CSSの装飾をJavaScriptで動かしてユーザーを引きつける「Art Text Light」サンプル jQueryプラグインのArt Text Light jQuery pluginはCSSでかけたテキストの装飾を動かすことができます。
光があたった効果などを演出することが可能です。

使用方法 Art Text Light jQuery pluginからファイルをダウンロード。
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="arttextlight.js"></script>
<script type="text/javascript">
$("document").ready(function(){
$('.class名').artTextLight({
highlightInterval: 3000, //効果をかける間隔
letterHighlighSpeed: 50, //文字の効果速度
removeHighlighSpeed: 1000, //効果をとる速度
css1: {'text-shadow' : '0 0 5px green', 'font-size': '22px'}, //最初の効果(jQueryのCSS指定と同一)
css2: {'text-shadow': 'none', 'font-size': '12px' } //最後の効果
});
});
</script>

あとは上記で指定したclassを振れば完成です。
<p class="class名">textを書きます</p>
CSSの装飾をJavaScriptで動かしてユーザーを引きつける「Art Text Light」サンプル

sponsors

「CSSの装飾をJavaScriptで動かしてユーザーを引きつける「Art Text Light」」をシェアする

記事作成:
記事URL:

TOP > > CSSの装飾をJavaScriptで動かしてユーザーを引きつける「Art Text Light」