マウスオーバーでテキストが印象的に!「Letter Scroll Plugin」

ネタ的なプラグインです。
マウスオーバーで文字がぐるぐると切り替わります。
jQueryプラグインのLetter Scroll Pluginです。
マウスオーバーでテキストが印象的に!「Letter Scroll Plugin」サンプル

使用方法
Letter Scroll Pluginからjquery.letterScroll.jsをjQueryからjquery.jsをダウンロードします。
<script src="jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="jquery.letterScroll.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
$("#id名").letterScroll({
'timeout' : 40, //文字間隔
'container' : 'span', //文字一個を囲む要素
'offset' : 8 //文字が動く時に移動する距離
});
});
</script>

あとは上記のid名で、各文字を指定した要素で囲めば完成です。
<div id="id名">
<span>D</span>
<span>E</span>
<span>M</span>
<span>O</span>
</div>

※日本語は通らないようです。

マウスオーバーでテキストが印象的に!「Letter Scroll Plugin」サンプル

sponsors

「マウスオーバーでテキストが印象的に!「Letter Scroll Plugin」」をシェアする

記事作成:
記事URL:

TOP > > > マウスオーバーでテキストが印象的に!「Letter Scroll Plugin」