js实现商城星级的效果

在这里，我想和大家分享一下用js实现商场星级的一个成果。我们希望能给你一些帮助。当然，更好的效果有待完善。

html如下：


CSS样式：
开始，开始。
。开始{填充左：16px；填料顶部：7px；}
。开始的ul {宽度：32px；身高：31px；浮动：左；背景：# DDD；填充右：3px；}
启动UL。
开始，UL跨度{display: inline；浮动：左；填充左：10px；身高：31px；线高度：31px；}
最后一个js调用如下所示：
在window.onload =函数（）{
var = document.getelementbyid（pingstar ），
M = document.getelementbyid（'dir），
n = s.getelementsbytagname（礼），
输入= document.getelementbyid（'startp '）； / /保存选定的值
全部清除=函数（）{
对于（var i = 0；i < n.length；i++）{
n {我} classname = ''；
}
}
对于（var i = 0；i < n.length；i++）{
n {我}。onclick =函数（）{
var q = this.getattribute（关系）；
ClearAll（）；
input.value = Q；
对于（var i = 0；i < q；i + +）{
n {我} classname =开；
}
m.innerhtml = this.getattribute（标题）；
}
n {我}。onmouseover =函数（）{
var q = this.getattribute（关系）；
ClearAll（）；
对于（var i = 0；i < q；i + +）{
n {我} classname =开；
}
}
n {我}。onmouseout=函数（）{
ClearAll（）；
对于（var i = 0；i < input.value；i++）{
n {我} classname =开；
}
}
}
}
以上是本文的全部内容，希望能帮助大家学习jQuery程序。