jOla


Description: 文字を波打たせるユニークなプラグインです。リンクをクリックすると指定した要素のテキストが波打つ動作をします。
Sample: demo
Tutorial: jOla plugin: documentation and demo page
License: MITとGPL

Sample

ここをクリックすると下のテキストが波打ちします

ここが波打ちます。ウネウネウネウネウネ

Note

$('#startThird').click(function(){
				$('#third')
					.jOla({speed: 35, expansion: 6, multiplier: 1.1, position: 0})
					.jOla({speed: 35, expansion: 6, multiplier: 1.1, position: 20})
					.jOla({speed: 35, expansion: 6, multiplier: 1.1, position: 40});
				return false;
			});

jQueryとプラグインを読み込んで上記の設定を行います。

Related snippet :

  • Description: 画像にマウスオーバーすると透過された背景とキャプションがスムーズにスライドアップします。2.3kbと、軽量なのも良いですが、IEは全滅でしょうか?( ...
  • Description: クロスブラウザ対応でシンプルなカルーセルを実装します。クリック式、ページ送り付きなどの選択も可能。アニメーションも充実しています。要jquery.e ...
  • Description: 画像をクリックするとフリップ(ひっくり返る)するコンテンツを実装するjQueryプラグインです。uiも必要となります。IE6ではフリップするとレイア ...
  • Description: 軽量で手軽なツールチップ実装jQueryです。アンカータグのtitle属性を読み込んでツールチップ化します。画像も含めることが出来ますが、JavaS ...
  • Description: タブメニューにマウスを乗せるだけでコンテンツを切り替えます。IE6だけ表示が崩れるので対策が必要です。使い勝手はとても良いのでうまく使っていきたいで ...
  • Description: クールなエフェクトのフライアウトメニューです。css3も併用しています。要jquery.easingです。 Sample: demo ...
  • Description: 背景をアニメーションさせるjQueryプラグインです。テキストを書くことも出来ますし、透過された画像を重ねて表示させる事も可能です。IE6のために、 ...