的实现进度环返回顶部按钮

　　今天在一个网站上扒下了一个进度环返回顶部的按钮，感觉很有意思，比知更鸟自带的高大上的多，所以分享出来。
　　图片：
　　1。js代码
　　将以下代码保存到jindu。php文件中，然后上传到主题的js文件夹中：
　　varbigfascroll｛
　　drawCircle：function（id，percentage，color）｛
　　varwidthjQuery（id）。width（）；
　　varheightjQuery（id）。height（）；
　　varradiusparseInt（width2。20）；
　　
　　varpositionBy2position2；
　　varbgjQuery（id）〔0〕；
　　idid。split（）；
　　varctxbg。getContext（2d）；
　　
　　varcircMath。PI2；
　　varquartMath。PI2；
　　ctx。clearRect（0，0，width，height）；
　　ctx。beginPath（）；
　　ctx。strokeS
　　ctx。lineC
　　ctx。closePath（）；
　　ctx。fill（）；
　　ctx。lineWidth3；
　　imdctx。getImageData（0，0，position，position）；
　　vardrawfunction（current，ctxPass）｛
　　ctxPass。putImageData（imd，0，0）；
　　ctxPass。beginPath（）；
　　ctxPass。arc（positionBy2，positionBy2，radius，（quart），（（circ）current）quart，false）；
　　ctxPass。stroke（）；
　　｝
　　draw（percentage100，ctx）；
　　｝，
　　backToTop：function（this）｛
　　this。click（function（）｛
　　jQuery（body，html）。animate（｛
　　scrollTop：0
　　｝，
　　800）；
　　
　　｝）；
　　｝，
　　scrollHook：function（this，color）｛
　　colorcolor？color：000000；
　　this。scroll（function（）｛
　　vardocHeight（jQuery（document）。height（）jQuery（window）。height（）），
　　windowObjthis，
　　perjQuery（。per），
　　percentage0；
　　defaultScrollwindowObj。scrollTop（）；
　　percentageparseInt（（defaultScrolldocHeight）100）；
　　varbackToTopjQuery（backtoTop）；
　　if（backToTop。0）｛
　　if（windowObj。scrollTop（）200）｛
　　backToTop。addClass（buttonshow）；
　　｝else｛
　　backToTop。removeClass（buttonshow）；
　　｝
　　per。attr（datapercent，percentage）；
　　bigfascroll。drawCircle（backtoTopCanvas，percentage，color）；
　　｝
　　｝）；
　　｝
　　｝
　　jQuery（document）。ready（function（）｛
　　jQuery（body）。append（‘
　　dividbacktoTcanvasidbacktoTopCanvaswidth48height48’）；
　　varT
　　T。backToTop（jQuery（backtoTop））；
　　T。scrollHook（jQuery（window），d57a21）；
　　｝）；
　　2。调用js文件
　　在header。php中的添加以下代码：
　　！？jsjindu。！？
　　3。添加样式
　　将以下代码添加到style。css中即可：
　　backtoTop｛backgroundcolor：borderradius：100；bottombottom：10；height：48position：rightright：100width：48transition：。5s；webkittransition：。5s｝backtoTop。buttonshow｛rightright：10px｝。per｛fontsize：16height：48lineheight：48position：textalign：top：0；width：48color：000；cursor：pointer｝。per：before｛content：attr（datapercent）｝。per：hover：before｛content：；fontsize：20px｝
　　好了，大功告成，简单的教程相信大家都可以看懂吧