[ JavaScript ] jTip - ツールチップを表示する jQuery のプラグイン
簡単にツールチップを設置できる jQuery のプラグイン [jTip](http://codylindley.com/Javascript/264/jtip-a-jquery-tool-tip) を使ってみたのでメモしておきます。 便利なプラグインを作ってくださった作者さんに感謝。 ## JavaScript のライブラリを読み込む ## jTip の CSS ファイルを読み込んでおく ファイル名を jtip.css とかにして、jTip 専用のスタイルを書いておけば、他のスタイルシートと混ざらないので、管理しやすくて良いかも？ ## ツールチップを表示する部分のコード ### 各属性の説明 `href=”test.htm?width=300″` : 表示するツールチップの中身を書いたファイルとツールチップの幅 `class=”jTip”` : ツールチップの見た目を設定？ とりあえず、
![[ JavaScript ] jTip - ツールチップを表示する jQuery のプラグイン](https://cdn-ak-scissors.b.st-hatena.com/image/square/19691f3db719fc116cbcdd5e767c89ee15487f3e/height=288;version=1;width=512/https%3A%2F%2Fbowz.info%2Fwp-content%2Fuploads%2F2018%2F09%2Fudon-1.jpg)
スタイリッシュでカスタマイズ性のあるツールチップjQueryプラグイン「qTip」:phpspot開発日誌
qTip - The jQuery tooltip plugin - Documentation - (Current beta: 1.0.0-beta1) スタイリッシュでカスタマイズ性のあるツールチップjQueryプラグイン「qTip」。 またまた便利そうなツールチップが出てきました。 $('p').qtip({ .... }); のように呼び出すだけで、簡単にツールチップが埋め込めます。 ツールチップの表示タイミングも、show, hide オプションで指定するだけで簡単に変更可能です。 $('p#test').qtip({ content: 'hi! i am tooltip', show: 'mouseover', hide: 'mouseout' }); 吹き出しの位置も、qtip メソッドのオプションとして指定してあげれば簡単に設定可能。 カラーリングも自由自在。 何より、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
