javascript实现五星评测代码(源代码下载)

废话不多说，先来说说效果图：

查看演示源代码下载

javascript代码

var spans=document . getelementsbytagname(' span ')；var标志=5；//随意取这个值，只要不是01234。var Expand=function(){//扩展代码，no }；Onload=function(){//为(var I=0；ispans.lengthi ){spans[i]。onmouseover=function(){ var id=ParSeint(this . id)；for(var I=0；i=idi ){spans[i]。innerHTML=} for(var j=id 1；j5；j ){spans[j]。innerHTML=}};}//循环加载鼠标点击星事件为(var I=0；ispans.lengthi ){spans[i]。onclick=function(){ var id=ParSeint(this . id)；flag=idfor(var I=0；i=idi ){spans[i]。innerHTML=} Expand()；//这里是用鼠标点击星星的扩展，比如分数的出现等。简而言之，扩展什么取决于你的大小~ }；}//加载鼠标离开div事件文档。getelementbyid ('div ')。onmouseout=function(){//如果标记为3，则循环到黄色0 1 2 3 star if(flag=0 flag=4){ for(var I=0；I=标志；i ){spans[i]。innerHTML=} for(var j=标志1；j5；j ){spans[j]。innerHTML=} }//如果标签没有值或者初始值为5，则将所有星星还原为空星星else { for(var I=0；ispans.lengthi ){spans[i]。innerHTML=}}};};正文中的代码

div ID=' div ' span ID=' 0 '/span span ID=' 1 '/span span ID=' 2 '/span span ID=' 3 '/span span ID=' 4 '/span/div以上代码非常简单，javascript将完成五星求值功能。还有其他方法。如果时间有限，就不要写了。请继续关注本网站。