用Javascript 和 CSS 实现脚注（Footnote）效果_javascript技巧

不过，既然脚注有这些好处，我们当然要在网页中也加以利用，本文向您介绍了用 Javascript 和 CSS 实现脚注效果的方法。

复制代码 代码如下:

要实现脚注，我们需要下列元素：

复制代码 代码如下:

CSS CSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

其中：
article1 是你需要脚注的文章主体
.. 是注释内容，标签 span 和 class 均可配置。
artnotes1 是显示脚注的地方
按照默认的设置调用方式：

复制代码 代码如下:

如果你想自定义一些内容，可以用下面的方式：

复制代码 代码如下:

测试代码：将下面的代码保存运行。

复制代码 代码如下: