Examples and documentation on grumble.js
Originally written for Huddle.com, grumble.js provides special tooltips without the usual limitations of north/east/south/west positioning. A grumble can be rotated around a given element at any angle, all 360 degrees. Any distance can be specified. Any CSS style can be applied. There's auto-magic size adjustment for use with localised text. FX queues for animating multiple grumbles. And it works
吹出し型ツールチップを自由に設置できるjQueryプラグイン「grumble.js」 | Web活メモ帳
これを使うと、漫画風の吹き出しを自由に表示する事が出来るようになります。 吹出しには背景画像が指定されているので、 CSSを変更してオリジナルの吹出しにする事も簡単そうでした。 使い方 以下のようなスクリプトを追加する事で表示する事ができました。 $('h1').grumble({ text: 'ここにメッセージを入れます!', angle: 85, distance: 100, showAfter: 500 }); オプションの説明 text:表示する文章 angle:角度 distance:距離 showAfter:指定した秒数後に表示（ミリ秒） オプショには他にもコールバック処理なんかもありました。 詳細&ダウンロードは下のリンクからどうぞ！
かわいいデザインのツールチップ「grumble.js」
かわいいデザインのツールチップ（吹き出し）効果を与える「grumble.js」 ツールチップ（吹き出し）により、文章や画像の補足をすることで、わかりやすくすることがあります。 よくあるプラグインだとちょっとデザインが・・・という方にgrumble.jsをお勧めします。 ポップでかわいいデザインで作成することができます。 sponsors 使用方法 grumble.jsからファイル一式をダウンロード。 <link type="text/css" href="grumble.css" rel="stylesheet" /> <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/javascript" src="Bubble.js"></script> <script type=
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
