随笔分类 -  html

环形进度条（兼容低版本浏览器的方法）
摘要：jQuery + 图片 实现原理 这种方法相对来说就比较简单了，但是也是挺麻烦的一种。 首先，我们需要一个非常冗长的一个图片……图片的内容，就是每1°旋转角度，就是一张图片…100张… html CSS JavaScript 虽然这种方法虽然比较繁琐比较麻烦，但是兼容性也更好。 阅读全文
posted @ 2016-06-13 11:56 耐心_bunny 阅读(516) 评论(0) 推荐(0)
环形进度条
摘要：jQuery + CSS3 实现原理 原理非常的简单，在这个方案中，最主要使用了CSS3的transform中的rotate和CSS3的clip两个属性。用他们来实现半圆和旋转效果。 半环的实现 先来看其结构。 html css 实现半圆还是挺简单的，利用border-radius做出圆角，然后利用 阅读全文
posted @ 2016-06-12 14:33 耐心_bunny 阅读(2076) 评论(2) 推荐(0)