摘要：曾经以为，loading的制作需要一些比较高深的web动画技术，后来发现大多数loading都可以用“障眼法”做出来。比如一个旋转的圆圈，并不都是将gif图放进去，有些就是画个静止图像，然后让它旋转就完了。gif图也可以，但是加载时间比较长。 CSS的animation可以做出大多数的loading 阅读全文

摘要：一、效果图 二、HTML结构 第一个div是轨道，第二个是填充物，第三个是滑块 三、CSS样式 样式可以随便改 四、JS代码 如图所示，将out设置为参考项，有两种情况： （1）、点击out框的任何部位，滑块自动划过去并且filling填满滑块后面的地区 （2）、滑动滑块调节 原理很简单：以out为 阅读全文

摘要：一、H5自带进度条 运用progress标签，设置好min和max数值就好。可以用value获取其中的进度值 最终效果如下： 这个显示效果是chrome浏览器的，IE和FireFox的是另外的样式！ 样式更改： 这里的样式全部是针对webkit内核的，其他的不支持~~~ 效果如下： 二、H5自带滑块 阅读全文

摘要：一、使用margin: 或者： 这样的前提是父盒子里没有其他盒子。 二、使用position（有些地方不太好用） 三、使用伸缩盒flex 在需要居中的盒子外面再包一层盒子，对这个父盒子进行设置： 伸缩盒是个很强大的工具，对屏幕适配性有很好的支持 四、-webkit-box 给父元素设置上述代码。这个 阅读全文