カテゴリー: Tippy

tippy 使い方

投稿日: 投稿者:

表示したいテキストを title属性にセット


 <input type="text" name="dcnm" id="dcnm" value="${dcnmfst}" placeholder="Discharging port name"
                       class="menuitm" title="Input a discharging port name"/>

tippyが現れるようにする


              tippy('.tmptippy', {      // 表示対象
                placement: 'bottom',    // 表示位置
                animation: 'scale',     // アニメーション指定
                duration: 1000,         // 表示遅延
                arrow: true,           // 矢印有無」 
              });