美文网首页
001自动生成目录代码(前端)

001自动生成目录代码(前端)

作者: 星期四晚八点 | 来源:发表于2017-04-02 23:08 被阅读261次

    自动生成目录代码(前端)---markdown生成的html

    <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>
    
    

    相关文章

      网友评论

          本文标题:001自动生成目录代码(前端)

          本文链接:https://www.haomeiwen.com/subject/yeknottx.html