如何製作一個腳註，顯示它被點擊的引用文字？

Question

我想在我的文本中使用比括號更優雅的東西來進行長時間觀察，額外信息等，而不會打破流程。 WordPress的提供了註腳，我能做的，例如：

bla bla bla [^1] bla bla bla 
... end of text 
[^1]... that observation that I wanted to make 

但是，這並不比括號更好，當讀者點擊，他被帶到頁面的底部，而我寫的，我必須到頁面底部書寫，然後返回到正文。我想讓腳註顯示浮動在文本上的引用，當用戶單擊或將鼠標懸停在上面時，並且如果可能的話，在同一行中寫入。有任何想法嗎？

Answer 1

實際上你不需要任何JavaScript。純HTML會做：

<div title="Your footnote here" class="has-footnote"> 
 
Your normal text here 
 
</div>

使用的CSS類.has-footnote，使其明顯的讀者，有看到的東西。