用js实现明星评分的方法

本文介绍了用js实现明星评分的方法，供大家参考，具体分析如下：

很多网站都有明星打分的效果，如以下。今天我们可以看看如何用js来实现分数。
效果的详细说明

星星在1点钟亮起。鼠标向上移动，下面的文本显示。当鼠标移动时，星星是灰色的，下面的文本不显示。

2。鼠标移动到一颗星星上，所有的星星都会变得明亮。

3。鼠标移动到一个星星，点击，这显示了比分的结果。
代码如下
转换

。包装{宽度：300px；保证金：10px汽车；字体：宋体14px / 1.5；}
选项卡
#星{溢出：隐藏；}
#明星李{
浮点数：左；
宽度：20px；
身高：20px；
保证金：2px；
显示：内联；
颜色：# 999；
字体：宋体加粗18px；
鼠标指针
}
#行为{明星。
颜色：# C00
}
# star_word {
宽度：80px；
身高：30px；
行高：30px；
边境：1px solid # CCC；
保证金：10px；
文本对齐：中心；
显示：无
}
在window.onload =函数（）{
VaR星= document.getelementbyid（明星）；
无功star_li = star.getelementsbytagname（礼）；
无功star_word = document.getelementbyid（star_word ）；
VaR结果= document.getelementbyid（结果）；
var I＝0；
var j＝0；
VaR len = star_li.length；
穷人，穷人，将军，好
对于（i = 0；i；；i；+；+）{
我star_li { }。指数=我；
我star_li { }。onmouseover =函数（）{
star_word.style.display =块；
star_word.innerhtml = {这个词指数}；
为（i = 0；i < = this.index；i++）{
我star_li { }。类名=行动；
}
}
我star_li { }。onmouseout=函数（）{
star_word.style.display =没有；
对于（i = 0；i；；i；+；+）{
star_li {我} classname = ；
}
}
我star_li { }。onclick =函数（）{
result.innerhtml =（这个指数+ 1）+子；
}
}
}

评分结果
*
*
*
*
*

通常地
希望本文能对大家的javaｓｃｒｉｐｔ程序设计有所帮助。