一个简单的星光评分效果的javaｓｃｒｉｐｔ实现

可能的想法是使用一个灰色的恒星作为背景，然后让彩色恒星定位在灰色的明星的图片，和宽度的彩色星星可以控制，以达到基本效果：


以下代码：







星星

。starnone，starwrap {。
宽度：100px；
身高：20px；
}
starnone {。
职位：相对；
背景：URL（stars-none20px。PNG）不重复；
}
.星
位置：绝对；
顶部：0；
左：0；
宽度：70%；
身高：20px；
背景：URL（stars20px。PNG）不重复；
}
# Num {
宽度：30px；
}









%
好啊


在window.onload =函数（）{
VaR星= document.getelementbyid（明星）；
无功okbtn = document.getelementbyid（好）；
VaR Num = document.getelementbyid（民）；
okbtn.onclick =函数（）{
VaR值= parseFloat（num.value）；
如果（值> 100）{
警报（请小于100 ）；
返回；
}如果（值< 0）{
警报（请大于0 ）；
返回；
}
star.style.width =价值+PX；
}
}






这两张照片用了。




以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。