文章にカーソルを合わせると補足情報が表示されるツールチップを表示する

 
スクリプトと詳細設定タブに読み込むスクリプトと、CSSを記述しています。
スクロールで画面に表示されるタイミングで蛍光マーカー風のラインを引くアニメーションが開始されるため、スクロールが必要となるように、改行だけのブロックを入れてあります。

文章のこの部分にカーソルをあわせるとツールチップが出現します
 
文章のこの部分にカーソルをあわせるとツールチップが出現します


  • マーカーを引きたい文字をspanタグ(カスタムタグ)ではさみます。
  • ダウンロードしたtxt_002をインポートしたページの「スクリプトと詳細設定」タブに、スクリプトとCSSを入れてありますので、ブロックをコピペして、このスクリプトとCSSもコピペしてください。

Tablet View

文章のこの部分にカーソルをあわせるとツールチップが出現します
 
文章のこの部分にカーソルをあわせるとツールチップが出現します

SP View

文章のこの部分にカーソルをあわせるとツールチップが出現します
 
文章のこの部分にカーソルをあわせるとツールチップが出現します