前面的話
最近在復(fù)習(xí)自己寫的博客，但有的博客內(nèi)容很長，長到不知道多少時間可以讀完。這時，就有種泄氣的沖動。但，如果能夠提供一個博客內(nèi)容進(jìn)度的插件，根據(jù)所讀內(nèi)容的多少，顯示進(jìn)度條，讓自己對所讀的內(nèi)容進(jìn)度心里有數(shù)，可以讓自己平靜下來，一點一點讀下去。本文將詳細(xì)介紹博客內(nèi)容進(jìn)度插件的實現(xiàn)
效果演示
無論是通過鼠標(biāo)滾輪，還是拖動滾動條，也或者是按空格鍵，只要發(fā)生了頁面的滾動操作，就會觸發(fā)頁面底部博客內(nèi)容進(jìn)度條的變化。根據(jù)當(dāng)前內(nèi)容的多少計算與博客所有內(nèi)容的比例，最終對應(yīng)成進(jìn)度條的寬度。當(dāng)鼠標(biāo)移入進(jìn)度條范圍時，會以數(shù)字顯示出當(dāng)前的進(jìn)度百分比
通過使用如下代碼，可將進(jìn)度插件插入頁面中
<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>
