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

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让读者明白，有一些东西可以看。