[JS]脚注をデスクトップ・タブレット・スマフォそれぞれで最適に表示するスクリプト -sidenotes

デモページ：幅480pxで表示（左：テキスト、右：脚注） テキストと脚注は相互リンクされているので、行き来できます。 sidenotesの使い方 Step 1: 外部ファイル jquery.jsと当スクリプトを外部ファイルとして記述します。 <script src="js/jquery.min.js"></script> <script src="js/jquery.sidenotes.min.js"></script> Step 2: HTML 脚注をつけたい箇所に「class="footnote"」を加え、脚注へページ内リンクを設定します。 <article> <p>脚注をつけたい箇所<sup id="fnref:notes1"><a href="#fn:notes1" class="footnote">1</a></sup></p> <p>脚注をつけたい箇所<sup id="fnre

[kana321]

コリス

[nors]

http://acdlite.github.io/jquery.sidenotes/ https://github.com/acdlite/jquery.sidenotes