一個(gè)好的博文除了博文的質(zhì)量要好以外，好的組織結(jié)構(gòu)也能讓讀者閱讀的更加舒服與方便，有一些博文都是分章節(jié)的，并且在博文的前面都帶有章節(jié)的目錄索引，點(diǎn)擊索引之后會(huì)跳轉(zhuǎn)到相應(yīng)的章節(jié)閱讀，并且還可以回到目錄頂端，當(dāng)然這種結(jié)構(gòu)如果是在寫(xiě)博文的時(shí)候人工設(shè)置那是非常麻煩的，無(wú)疑是增加了寫(xiě)作人的工作量。如果能自動(dòng)生成章節(jié)索引豈不是節(jié)省了一大堆 工作量。

<script language="javascript" type="text/javascript">
//生成目錄索引列表
function GenerateContentList()
{
    var jquery_h3_list = $('#post_body h3');//如果你的章節(jié)標(biāo)題不是h3,只需要將這里的h3換掉即可
    if(jquery_h3_list.length>0)
    {
        var content = '<a name="_labelTop"></a>';
        content    += '<div id="navCategory">';
        content    += '<p style="font-size:18px"><b>閱讀目錄</b></p>';
        content    += '<ul>';
        for(var i =0;i<jquery_h3_list.length;i++)
        {
            var go_to_top = '<div style="text-align: right"><a href="#_labelTop">回到頂部</a><a name="_label' + i + '"></a></div>';
            $(jquery_h3_list[i]).before(go_to_top);
            var li_content = '<li><a href="#_label' + i + '">' + $(jquery_h3_list[i]).text() + '</a></li>';
            content += li_content;
        }
        content    += '</ul>';
        content    += '</div>';
        if($('#post_body').length != 0 )
        {
            $($('#post_body')[0]).prepend(content);
        }
    }    
}
GenerateContentList();
</script>

標(biāo)簽：

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。