Typora 生成的HTML左侧增加导航

最新推荐文章于 2024-08-08 08:23:24 发布

温潭

最新推荐文章于 2024-08-08 08:23:24 发布

阅读量5.8k

点赞数 6

本文链接：https://blog.csdn.net/wen_t/article/details/104901486

版权

使用notepad或notepad++等编辑器打开html，

将以下代码内容全选，复制，粘贴在这里，如截图

    <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    <script type="text/javascript">
        //是否显示导航栏
        var showNavBar = true;
        //是否展开导航栏
        var expandNavBar = true;
        var currentIndex = 0;
        var currentScrollHigh = 0;
        var currentContentScrollHigh = 0;
        function sleep(numberMillis) {
            var now = new Date();
            var exitTime = now.getTime() + numberMillis;
            while (true) {
                now = new Date();
                if (now.getTime() > exitTime)
                    return;
            }
        }
        $(window).onbeforeunload = function(){
            currentIndex = 0;
        }
        $(window).load(function(){
            var h1s = $("body").find("h1");
            var h2s = $("body").find("h2");
            var h3s = $("body").find("h3");
            var h4s = $("body").find("h4");
            var h5s = $("body").find("h5");
            var h6s = $("body").find("h6");

            var headCounts = [h1s.length, h2s.length, h3s.length, h4s.length, h5s.length, h6s.length];
            var vH1Tag = null;  // 显示的最高层级
            var vH2Tag = null;   // 显示的最低层级
            var sum = 0;
            for(var i = 0; i < headCounts.length; i++){
                if(headCounts[i] > 0){
                    for( var y = 0; y < headCounts[i]; y++)
                        sum = sum + 1;
                }
            }
            for(var i = 0; i < headCounts.length; i++){
                if(headCounts[i] > 0){
                    if(vH1Tag == null){
                        vH1Tag = 'h' + (i + 1);
                    }else{
                        vH2Tag = 'h' + (i + 1);
                    }
                }
            }
            if(vH1Tag == null){
                return;
            }

            $("body").prepend('<div class="BlogAnchor">' +
//                '<span style="color:red;position:absolute;top:-6px;left:0px;cursor:pointer;" onclick="$(\'.BlogAnchor\').hide();">×</span>' +
                '<p>' +
//                '<b id="AnchorContentToggle" title="收起" style="cursor:pointer;">目录▲</b>' +
                '</p>' +
                '<div class="AnchorContent" id="AnchorContent"> </div>' +
                '</div>' );

            var vH1Index = 0;
            var vH2Index = 0;
            var vIndexH1 = 0;
            var vIndexH2 = 0;
            var vIndexH3 = 0;
            var vIndexH4 = 0;
            var vIndexH5 = 0;
            var vIndexH6 = 0;
            var headerALL = [];
            var headerIDALL = [];
            var headerHightALL = [];
            $("body").find("h1,h2,h3,h4,h5,h6").each(function(i,item){
                var id = '';
                var name = '';
                var tag = $(item).get(0).tagName.toLowerCase();
                var className = '';
                // i=0 tag=h1          i=1 tag=h2     i=2 tag=h2

                if(tag ==

最低0.47元/天解锁文章