俗话说得好,前端切图玩的就是心机,有时候多动脑子想一想,就能避免写很多的js脚本,何乐而不为,废话少说,这次实现的的东西长下面这样:
原材料也很简单,就是两张图片,看看:
实现原理也是非常简单滴,把灰色星星作为背景,然后在上面叠加黄色星星,通过控制黄色星星的宽度,实现评分变化,是不是很简单?先来看看HTML标签:
<div class="star-eval">
俗话说得好,前端切图玩的就是心机,有时候多动脑子想一想,就能避免写很多的js脚本,何乐而不为,废话少说,这次实现的的东西长下面这样:
原材料也很简单,就是两张图片,看看:
实现原理也是非常简单滴,把灰色星星作为背景,然后在上面叠加黄色星星,通过控制黄色星星的宽度,实现评分变化,是不是很简单?先来看看HTML标签:
<div class="star-eval">