如何制作一个脚注，显示它被点击的引用文字？

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，使其明显的读者，有看到的东西。