最近在复习自己写的博客,但有的博客内容很长,长到不知道多少时间可以读完。在触发滚动事件时,计算两个高度值。一个值h用来表示当前窗口内博客内容的底部离页面顶端的距离。从而比例值radio = h/H,就是进度百分比,以进度条的宽度变化显示出来如果是IE9-浏览器,progress元素被退化为div元素,仅显示百分比即可将progress的max值设置为H,将value值设置为h。滚动事件触发时,更新value值即可进度条的样式设置较为简单,将其固定定位,居于页面底部,并与窗口宽度相同由于最终将以插件的形式呈现,所有的代码都需要动态生成
用户评论
推荐下载
-
hwSliderjQuery内容滑动插件
hwSlider——jQuery内容滑动插件
13 2020-10-07 -
CkContentSlide内容滑动插件
CkContentSlide内容滑动插件,支持左右翻滚,支持自动翻滚设置,左右按钮能设置。
17 2020-10-03 -
Node.Js博客项目
用Node.Js写的一个博客项目,与MongoDB数据库结合,用Bootstrap写的前端界面,包括写博客、用户管理、博客管理等功能,是一个很好的练手项目。
25 2019-05-21 -
html css js web博客
该web博客只有三个静态页面使用简单的html css js完成在这个页面项目中没有设置数据库和数据传递等一系列操作绝对适合初学html css的学生参考学习在登录界面中使用的是常用的登录注册滑动效果
16 2023-01-02 -
JS Markdown博客源码
Markdown博客 具有NodeJS编写的Markdown功能的博客项目·· 目录 关于该项目 这是一个用JavaScript创建的简单博客。 到目前为止,它包括Markdown功能。 在将来的版本
16 2021-02-22 -
next js博客评论源码
带有注释部分的Next.js博客 这是一个演示如何使用 , 和在博客文章中添加简单评论部分的演示。 运行前端 将.env.test文件重命名为.env并存储Next和Sanity将用于从Sanity
17 2021-02-19 -
js对table的td进行相同内容合并示例详解
代码如下: function hb(){ var tab = document.getElementById(“subtable”); var maxCol = 3, val, count, star
14 2020-12-31 -
JS正则表达式获取分组内容的方法详解
主要介绍了JS正则表达式获取分组内容的方法,有需要的朋友可以参考一下
15 2020-10-28 -
js实现上传进度条
一款不错的jQuery动态进度条插件的示例及下载,可设定走动速度,限定时间的动态进度条效果,放在网页上也是很漂亮的效果,演示页面一共演示了三种速度的进度条,进度速度可以自己调节,旁边可显示网络速度,用
17 2020-09-11 -
js下载flash进度条
一个关于js加载flash的进度条像4399小游戏的JS进度条。
20 2020-06-01
暂无评论