さまざまな要素をツールチップで表示するプラグイン「DarkTooltip」を紹介します。
jQueryプラグイン「DarkTooltip」
ツールチップのプラグインはいろいろありますが、このプラグインの特徴はツールチップとして、要素を指定できることです。
また、ツールチップを表示する位置やアニメーションを指定することもできるので、おすすめ!
デモのツールチップをご覧ください。
「DarkTooltip」のデモ
ソース(HTML + jQuery)
< meta name = "description" content = "DarkTooltipのデモでーす。" > |
< title >DarkTooltip - jQueryプラグイン</ title > |
< link rel = "stylesheet" href = "darktooltip.css" > |
< h1 >DarkTooltipのデモでーす。</ h1 > |
< div id = "def" class = "box" data-tooltip = "ツールチップ" >デモ</ div > |
< div id = "def-html" class = "box" data-tooltip = "#html-content" >デモ</ div > |
< div id = "html-content" style = "display:none;" > |
< script src = "http://code.jquery.com/jquery-1.10.2.min.js" ></ script > |
< script src = "jquery.darktooltip.js" ></ script > |
$(document).ready( function(){ |
$('#def-html').darkTooltip({ |
jsファイルのダウンロード、その他のオプション詳細はこちらからどうぞ。
» DarkTooltip