Javascript 如何制作显示它的脚注'；s引用的文本，其中'；它点击了吗？

我想在我的文本中使用比括号更优雅的东西来进行长时间的观察、额外的信息等，而不破坏流程。 WordPress提供脚注，我可以这样做，例如：

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

---

但这并不比括号好多少，因为当读者点击时，他会被带到页面底部，当我写作时，我必须到页面底部写作，然后返回到主要文本。我想让脚注显示浮动在文本上的引用，当用户单击或将鼠标悬停在上面时，如果可能，将两者写在同一行。有什么想法吗？

您实际上不需要任何JavaScript来实现这一点。纯html可以：

你的普通文本在这里

谢谢，这没问题，但我还想要其他东西，那就是像维基百科一样的动态脚注，将光标悬停在脚注上，一个文本气球出现在上面，显示注释。我想为此我需要一些javascript。