当前访客身份:游客 [ 登录 | 加入 OSCHINA ]

代码分享

当前位置:
代码分享 » HTML  » Web编程
shooke

为页面生成目录实现markdown toc

shooke 发布于 2015年03月18日 11时, 2评/8789阅
分享到: 
收藏 +0
2
一段简单的代码用于生成目录
标签: CorePHP

代码片段(1) [全屏查看所有代码]

1. [代码][HTML]代码     跳至 [1] [全屏预览]

<link rel="stylesheet" href="http://yandex.st/highlightjs/6.2/styles/googlecode.min.css">
 
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="http://yandex.st/highlightjs/6.2/highlight.min.js"></script>
 
<script>hljs.initHighlightingOnLoad();</script>
<script type="text/javascript">
 $(document).ready(function(){
      $("h2,h3,h4,h5,h6").each(function(i,item){
        var tag = $(item).get(0).localName;
        $(item).attr("id","wow"+i);
        $("#category").append('<a class="new'+tag+'" href="#wow'+i+'">'+$(this).text()+'</a></br>');
        $(".newh2").css("margin-left",0);
        $(".newh3").css("margin-left",20);
        $(".newh4").css("margin-left",40);
        $(".newh5").css("margin-left",60);
        $(".newh6").css("margin-left",80);
      });
 });
</script>
<div id="category"></div>


开源中国-程序员在线工具:Git代码托管 API文档大全(120+) JS在线编辑演示 二维码 更多»

发表评论 回到顶部 网友评论(2)

  • 1楼:i5ting 发表于 2015-12-29 23:04 回复此评论
    https://github.com/i5ting/i5ting_ztree_toc
  • 2楼:waylau 发表于 2017-03-26 00:11 回复此评论
    good  job man ~ 简单易用,能搞成通用性插件就更好了~加油!
开源从代码分享开始 分享代码
shooke的其它代码 全部(23)...