色々とカスタマイズが可能なツールチップ実装jQueryプラグイン「PowerTip」:phpspot開発日誌
jQuery PowerTip 色々とカスタマイズが可能なツールチップ実装jQueryプラグイン「PowerTip」 シンプルなデザインながらカスタマイズ性から色々と小回りがききそうなツールチップのご紹介です。 表示位置やマウスについてこさせたりアニメーションさせたり、遅延時間を指定したり、コールバックが細かく指定できたりと、カスタマイズ性がウリのプラグインです。 ツールチップ内にリンクを埋め込むことも可能。 ツールチップを自分好みの挙動にしたい方は参考にされてみてもよさそうです 関連エントリ 可愛いツールチップを実装したjQuery＆CSS3のデモ「Sweet Tooltip」 シンプルなツールチップ実装ができるjQueryプラグイン「mTip」 簡単コードで実装＆カスタマイズできるツールチップ実装jQueryプラグイン「Poshy Tip」
タブやスクロール、ツールチップなど、Webサイトで良く見かける機能を1つのファイルで実装可能にする国産jQueryプラグイン・Laquu.JS - かちびと.net
たまたま見かけて便利そうだったので シェア。良く使われるドロップダウン メニューやページスクロール、タブや ツールチップなどを1つのjsファイルで 実装可能にする国産のjQueryプラグイン です。制作が楽になるのでLaquu、と いう名みたいです。 国産のプラグインなのでドキュメントも日本語です。英語が苦手な方でも手軽に使えるのではないかなと。また、無駄な装飾も無いので既存サイトに落とし込んだり、シンプルなフレームワークとしても良いかもしれません。 以前ご紹介したsimplelibと同様にパッケージ化されているので選択肢が増えた印象です。 シンプルで装飾も自由に出来るのでなかなか汎用的ではないかなと思います。ライセンスもMITなのはありがたいですね。 備わっている機能 機能はこんな感じ。どれも良く探している機能じゃないかなと思いますが、これらの機能を1つのjsファイルで使うことが出来る、
[JS]表示位置の微調整も可能、キュートなデザインのツールチップを実装するスクリプト -grumble
テキスト量を自動判定してサイズを大きく $('#grumble4').grumble( { text: 'Whoaaa, this is a lot of text that i couldn\'t predict', angle: 85, distance: 50, showAfter: 4000, hideAfter: 2000, } ); ); callback関数も用意されています。 $('#myElement').grumble({ showAfter: 1000, hideAfter: 2000, onShow: function(){ console.log('triggered when show animation completes'); }, onBeginHide: function(){ console.log('triggered when hide anima
jquery.balloon.js Demo page
jquery.balloon.js Demos A jQuery plugin to add balloon tips to elements User-friendly, fine-tunable and without css and images Getting started (1) Download and load this plugin javascript file after jQuery. <script type="text/javascript" src="js/jquery.balloon.js"></script> (2) Call $().balloon(options) in document ready event of jQuery. $(function() { $('selectors').balloon(options); }); Distinct
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
