快速业务通道

Js和CSS实现脚注(Footnote)效果

作者 佚名技术 来源 CSS编程 浏览 发布时间 2012-05-27

HTML:
  1.  
  2. <div id="article1">
  3.  
  4. CSS <span class="footnote">CSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。</span>
  5.  
  6. </div>
  7. <div id="artnotes1" class="footnoteHolder"></div>
  8.  
其中:
article1 是你需要脚注的文章主体
<span class="footnote"> .. </span> 是注释内容,标签 span 和 class 均可配置。
artnotes1 是显示脚注的地方

按照默认的设置调用方式:
Javascript:
  1.  
  2. <script type="text/javascript">
  3.  
  4. var footnote = new footNotes();
  5. footnote.format(''article1'',''artnotes1'');
  6.  
  7. </script>
  8.  


  9. 如果你想自定义一些内容,可以用下面的方式:
    Javascript:
  1.  
  2. <script type="text/javascript">
  3.  
  4. var footnote = new footNotes();
  5. footnote.footNoteClassName = "footnote2";
  6. footnote.footNoteTagName = "em";
  7. footnote.footNoteBackLink = " [back &laquo;]";
  8. footnote.format(''article1'',''artnotes1'');
  9.  
  10. </script>

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号