jQuery

【jQuery】jQueryのツールチッププラグインggtooltip

December 3, 2017
ggtooltip.js

ggtooltipはjQueryツールチッププラグイン。画像を使わずに4つの位置、背景色、フォント色、境界線の色をサポートします。

Data Attributes

<a href="#" 
    data-placement="top" 
    data-title="sample tooltip text">
    link text
</a>

jQuery API

$("a").ggtooltip(); // code to initialize with defaults
$("a").ggtooltip({ textcolor : "#000000" }); // "textcolor" parameter with value "#000000"
$("a").ggtooltip({ textcolor : "#000000", placement : "right" }); // multiple parameters

CSS

<link href="css/ggtooltip.css" rel="stylesheet" />

JavaScript

<script type="text/javascript" src="js/ggtooltip.js"></script>