一个简单的星光评分效果的javascript实现

一个简单的星光评分效果的javascript实现
可能的想法是使用一个灰色的恒星作为背景,然后让彩色恒星定位在灰色的明星的图片,和宽度的彩色星星可以控制,以达到基本效果:
以下代码:

星星

。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;
}
}

这两张照片用了。

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

tag:星光评分效果简单电脑软件

相关内容