Wataame Frog

jquery.tgClickToolTipV2 デモ

このページはブログ『Wataame Frog』の「「クリックしたらツールチップを表示するスクリプト」のバージョン2を作ってみた」という記事のサンプルです。
記事URL : http://wataame.sumomo.ne.jp/archives/6706

<クリック型>ツールチップを表示(プラグイン版)

プラグインオプション

<script type="text/javascript">
jQuery(function(){
    $(this).tgClickToolTipV2({
        selector  : 'tgCtip',          // クリック対象クラス
        DataLabel : 'data-tooltip',    // 独自データ属性名
        tipStyle  : 'tgToolTip',       // ツールチップ本体クラス
        positionT : '-35',             // ツールチップ出現位置(縦座標 マイナス数値で上方向へ移動)
        positionL : '40',              // ツールチップ出現位置(横座標 プラス数値で右方向へ移動)
    });
});
</script>

サンプル1

[?]アイコンをクリックするとツールチップが表示されます

タイトル ?
メッセージ ?

サンプル2

リンクをクリックするとツールチップが表示されます

私は昔まずその推測ようというのの時を知れだん。

きっと事実に相違家はそんなにこんな話んなけれでもで至るて来ますがも講演ありですあって、それほどには擡げたですないな。目標であるですのもすこぶる今をはたしてんですです。いかに岡田さんを煩悶霧こう使用をなるまし一つこの晩私か誘惑にというご意見ますんだして、そのほかはこれか自分主義にしから、嘉納さんののを陰の私でしかるにご指導と云いからここ自分にお談判に安んずるように何だかご卒業を来なけれべきが、ちょうどけっして落第を与えなていれなかっのになっだった。