2018年6月1日
原生js做一个简单的进度条
摘要： 用原生js做进度条，布局非常简单，一个盒子里放一个span标签，让它的宽度为0，并且转成块元素。 主要用定时器动态增加span的宽度，并且当它的宽度大于父级盒子的宽度的时候停止 效果如下： 一 css如下： 二 js代码： 阅读全文
posted @ 2018-06-01 20:35 青埂峰下 阅读(2413) 评论(0) 推荐(0)
点击回到顶部的按钮
摘要： 在很多网站页面中如果我们把页面下拉很多的时候，右边一般都有一个按钮点击可以直接回到顶部，并且无论滚动条下拉多少这个小方块都保持在右边画面中心 简单分析下我们知道，这个小方块是绝对定位，当我们拉动滚动条的时候获取滚动的距离，然后让方块的top值等于滚动的距离。触发方块的点击事件时让top值为0 一 h 阅读全文
posted @ 2018-06-01 19:52 青埂峰下 阅读(251) 评论(0) 推荐(0)
简易年历
摘要： 利用原生js我们可以做一个简易的年历。 效果如下图所示： css代码如下： html 结构如下： JS代码如下： 阅读全文
posted @ 2018-06-01 19:32 青埂峰下 阅读(363) 评论(0) 推荐(0)