摘要: 效果 效果图如下,纯css实现超酷炫的星级评分动画效果 ​ ​ 实现思路 dom结构 用form实现 <form> <div class="star"> <input type="radio" id="rate5" name="rating" value="5"> <label for="rate5 阅读全文
posted @ 2019-09-16 13:47 wendZzoo 阅读(1760) 评论(3) 推荐(0) 编辑
摘要: 效果 效果图如下 ​ ​ 实现思路 dom结构 用两个嵌套的div容器就可以了,父容器来控制图标显示的位置,子容器用来写乌云的样式。而阴影和闪电的样式都用伪元素就可以了,这些都是在css中定义的。 <div class="container"> <div class="stormy"></div> 阅读全文
posted @ 2019-09-16 13:29 wendZzoo 阅读(947) 评论(0) 推荐(1) 编辑
摘要: 说是初认识,其实也不算了,刚学习JS时就已经听过事件的冒泡和捕获的大名,但真是不知所云,也是不求甚解,迷惑了很久,今天终决定好好来了解一下这个冒泡。 在此之前呢,不得不提一下事件流:描述的是从页面中接受事件的顺序。 什么是冒泡 当事件发生后,这个事件就要开始传播(从里到外或者从外向里)。为什么要传播 阅读全文
posted @ 2019-03-07 13:27 wendZzoo 阅读(989) 评论(0) 推荐(0) 编辑