jQuery plugin : Simple marquee.

これはなにか :

テキストが右から左へ流れるだけのシンプルなMarqueeです。 サンプル

使い方 :

<script src="http://www.google.com/jsapi"></script>
<script>
google.load("jquery", "1.7.1");
</script>
<script src="./jquery.simpleMarquee.js"></script>
<script>
$(function(){


   // 例１：オプション無し
   //   指定したセレクターの子供要素から最初に現れる要素が流れる
   $('#marquee1').simpleMarquee();


   // 例２ : オプション有り
   //   セレクター、挙動、スピードが指定可能
   //   marquee : $('.nagareru', this)
   //   easing  : 'swing' || 'linear'
   //   speed   : 'fast' || 'normal' || 'slow' or 3000
   $('#marquee2').simpleMarquee({
       marquee   : $('.nagareru', this)
       , easing  : 'linear'
       , speed   : 6000
   });

});
</script>

<style>
.simplemarquee{
    width:200px;
    border:solid 1px #000;
    position:relative;
    overflow:hidden;
    height:22px;
}
</style>

<div id="marquee1" class="simplemarquee">
    <span>流れるプール</span>
</div>

<div id="marquee2" class="simplemarquee">
    <span class="nagareru">流れるプール（オプション有り）</span>
</div>