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