前面的話
最近在復(fù)習(xí)自己寫的博客，但有的博客內(nèi)容很長(zhǎng)，長(zhǎng)到不知道多少時(shí)間可以讀完。這時(shí)，就有種泄氣的沖動(dòng)。但，如果能夠提供一個(gè)博客內(nèi)容進(jìn)度的插件，根據(jù)所讀內(nèi)容的多少，顯示進(jìn)度條，讓自己對(duì)所讀的內(nèi)容進(jìn)度心里有數(shù)，可以讓自己平靜下來(lái)，一點(diǎn)一點(diǎn)讀下去。本文將詳細(xì)介紹博客內(nèi)容進(jìn)度插件的實(shí)現(xiàn)
效果演示
無(wú)論是通過(guò)鼠標(biāo)滾輪，還是拖動(dòng)滾動(dòng)條，也或者是按空格鍵，只要發(fā)生了頁(yè)面的滾動(dòng)操作，就會(huì)觸發(fā)頁(yè)面底部博客內(nèi)容進(jìn)度條的變化。根據(jù)當(dāng)前內(nèi)容的多少計(jì)算與博客所有內(nèi)容的比例，最終對(duì)應(yīng)成進(jìn)度條的寬度。當(dāng)鼠標(biāo)移入進(jìn)度條范圍時(shí)，會(huì)以數(shù)字顯示出當(dāng)前的進(jìn)度百分比
通過(guò)使用如下代碼，可將進(jìn)度插件插入頁(yè)面中
<script src="http://files.cnblogs.com/files/xiaohuochai/progress.js"></script>
由于目錄和進(jìn)度都是常用的功能，所以，我把進(jìn)度的功能整合到目錄生成的插件中了
<script src="http://files.cnblogs.com/files/xiaohuochai/catalog.js"></script>
