jQueryプラグイン dynamo.jsを使って、テキストの一部分をanimateで切り替え。

ぱらぱらめくるデジタル時計のように一部分をanimateしながら変更します。このサンプルは、テキスト量が少ないので、動きが目立ちますが、ぎっしりと小さな文字が並ぶ中では、さりげない変化になります。変更するテキスト、切り替わるスピードは直接html内にパラメーターを記述します。

下のグリーンのテキスト部分のソース
	<h1>QRラリー・
	  <span class="dynamo" 
	    data-delimiter="|" data-delay="2400" 
	    data-lines="ライトパック|ライトパックS">カスタムパック
	  </span>
	</h1>

QRラリー・カスタムパック

QRラリーで、みんなが楽しめるイベントが、かんたんに! どこでも!

※参考・引用:http://jordanscales.com/dynamo/