摘要: 曾经以为,loading的制作需要一些比较高深的web动画技术,后来发现大多数loading都可以用“障眼法”做出来。比如一个旋转的圆圈,并不都是将gif图放进去,有些就是画个静止图像,然后让它旋转就完了。gif图也可以,但是加载时间比较长。 CSS的animation可以做出大多数的loading 阅读全文
posted @ 2018-04-17 13:45 强Qiang 阅读(5001) 评论(2) 推荐(2) 编辑
摘要: 一、效果图 二、HTML结构 第一个div是轨道,第二个是填充物,第三个是滑块 三、CSS样式 样式可以随便改 四、JS代码 如图所示,将out设置为参考项,有两种情况: (1)、点击out框的任何部位,滑块自动划过去并且filling填满滑块后面的地区 (2)、滑动滑块调节 原理很简单:以out为 阅读全文
posted @ 2018-04-17 09:07 强Qiang 阅读(949) 评论(0) 推荐(1) 编辑