jQuery , prototype.js 用「ツールチップ（吹き出し説明）」表示ライブラリ｜JavaScriptプログラムメモ｜プログラムメモ
「ツールチップ」とはオンマウス時に表示される画像やテキストのことです。 Windows IEで画像の上にマウスを置いてしばらく待つとALT属性が見えるというアレですね。 これを簡単に実装するライブラリを紹介。jQuery、prototype.js プラグインメインで探してみました。 ■ script.js （ prototype.js jQuery不必要 ） http://www.leigeber.com/2008/06/javascript-tooltip/ ・おすすめ ・ツールチップがフェードして現れます ■ tooltip.js （ 要prototype.js ） http://blog.innerewut.de/tooltip ・おすすめ！ ・導入が簡単でわかりやすい。 ・ツールチップとして表示させたい内容をhtmlで記述できるのでカスタマイズが簡単 ■ cooltips （ 要p
jQueryで実現するツールチップ集「15 jQuery Plugins To Create A User Friendly Tooltip」
TOP > WebDesign > jQueryで実現するツールチップ集「15 jQuery Plugins To Create A User Friendly Tooltip」 リンク属性があるテキストや画像にマウスカーソルをあわせるとその情報を浮き上がらせてくれるユーザビリティを向上させてくれるツールチップ。様々なタイプのものがありますが、今日紹介する「15 jQuery Plugins To Create A User Friendly Tooltip」はjQueryで実現できるツールチップを集めたエントリーです。 qTip 全部で15個のツールチップが紹介されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■jQuery Tools/Tooltips 影付きでスムーズに表示されるツールチップ。エフェクトの割に動作が軽
Ajax » jQuery plugin » ツールチップ | PHP & JavaScript Room
PHP、JavaScript、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説［CSS］jquery.cluetip.css ［JS］jquery.js v1.2.6、jquery.dimensions.js、jquery.hoverIntent.js、jquery.cluetip.js 外部ファイルを読み込んだり、いろいろなツールチップが実装できるjQueryプラグイン。 ツールチップのレイアウトや表示位置など、パラメータをいじるだけで簡単に変更できます。 設置イメージ HEAD <!-- JS --> <script src="jquery-1.2.6.min.js" type="text/javascript" charset="utf-8"></script> <script src="jquery.dimensions
10 CSS Code Snippets for Creating Tooltips – Speckyboy
Adding a tooltip to your webpage or application is a simple way to provide users with additional context or information without cluttering the design. While there are numerous JavaScript plugins available, CSS tooltips have become a popular choice among web designers due to their simplicity and flexibility. If you’re searching for pure CSS tooltips, look no further than our collection of free code
フォームの入力内容にツールチップ表示をするJavaScriptライブラリ「Tooltip for forms」:phpspot開発日誌
フォームの入力内容にツールチップ表示をするJavaScriptライブラリ「Tooltip for forms」 2006年10月22日- Tooltip for forms You can download the entire script from this Zip file フォームの入力内容にツールチップ表示をするJavaScriptライブラリ「Tooltip for forms」。 このライブラリを利用すれば、次の画像のようなツールヒントをフォーム上に出すことが可能です。 実装は、必要なライブラリを読み込んだ後、次のように、tooltipText 属性にヒントを書きます。 <input type="text" id="firstname" name="firstname" tooltipText="Type in your firstname in this box"> そして、
ツールチップテキストを簡単実装 : Tooltips.js:phpspot開発日誌
Tooltips.js (c)Matthias Platzer, based on script.acolo.us and prototype.js Tooltips.js depends on the latest versions of prototype.js and script.aculo.us from SVN. アンカー<a>タグにカーソルを合わせた時に、ツールチップテキストを表示するためのライブラリ。 prototype.js と script.aculo.us をベースに作成されているようです。 ダウンロード: tooltips.js
吹き出し方式のツールチップテキスト作成JavaScriptライブラリ:phpspot開発日誌
wg:Bubble Tooltips Bubble Tooltips are an easy way to add (via a bit of CSS and javascript) fancy tooltips with a balloon shape to any web page. 吹き出し方式のツールチップテキスト作成JavaScriptライブラリ。 次のような吹き出し方式のツールチップテキストを作成できます。 次のようなJavascriptコードを書いておき、 <script type="text/javascript" src="BubbleTooltips.js"></script> <script type="text/javascript"> window.onload=function(){enableTooltips()}; </script> アンカー<a>タグのt
入力フィールドにカーソルを合わせた際に吹出しヒント表示するCSS＆JavaScriptサンプル:phpspot開発日誌
Form field hints with CSS and JavaScript (Ask the CSS Guy) My co-workers pointed out a nice effect on the Vox registration form. 入力フィールドにカーソルを合わせた際に吹出しヒント表示するCSS＆JavaScriptサンプル。 次のように、入力フォームにカーソルを合わせた時点でそのフィールドのヒントを表示できます。 フォームの入力フィールドの下に説明を書くよりも、ポップアップしてヒント表示したほうがユーザビリティ的によさそうですね。 要素の表示/非表示処理をJavaScriptによって行っていて、綺麗なHTMLによる実装が可能な点もいいです。 また、サンプルが1ファイル＋画像1枚とシンプルなので、あまりJavaScriptやCSSの知識のない方でも、ちょこっと変え
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
