JS评分系统,不错的评分系统,很好用_猪公和猪婆的猪窝_猪公和猪婆的 ...

JS评分系统,不错的评分系统,很好用

请将以下代码保存为vote.html运行即可。

很好用!

<div id="GradeVoteArea">&nbsp;</div>
<div id="GradeVoteScore">请您评分</div>
<script language="JavaScript">
/*
/////////////////////////////////////////////////////////////////////////////////////////////////////////////
//评分系统 BY 王晓斌 2006-11-16
//    函数:
//        CreateVote(Max,Def)               创建平分星星数量 Max为总共多少星星,Def为默认分数
//        AddContent(sNA)                   添加平分内容sNA
//        GradeVoteImage1                   星星图片一
//        GradeVoteImage2                   星星图片二
/////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
function GradeVote() {
        this.VoteMaxStar=1;
        this.VoteCounter=1;
        this.VoteContent=new Array();
        this.GradeVoteImage1="";
        this.GradeVoteImage2="";

        this.AddContent=function (sNA) {
                this.VoteContent["_"+this.VoteCounter]=sNA;
                this.VoteCounter++;
        }
        /*创建评分星星*/
        this.CreateVote=function (MaxStar,DefaultStar) {
                var i=1,j=1;
                var VoteImgHTML="";
                this.VoteMaxStar=MaxStar;
                for (i=1;i<=MaxStar;i++) {
                        VoteImgHTML+="<img id=\"_GradeVoteID"+i+"\" src=\""+(j<=DefaultStar ? this.GradeVoteImage1 : this.GradeVoteImage2)+"\" border=\"0\" onMouseOver=\"WindowVote.HitVote('"+i+"');\" onClick=\"WindowVote.VoteSubmit('"+i+"');\">";
                        j++;
                }
                if (document.getElementById("GradeVoteArea")!=null) {
                        document.getElementById("GradeVoteArea").innerHTML=VoteImgHTML;
                }
                else {
                        alert("Object not found!!");
                }
        }
        /*评分等级内容*/
        this.VoteScoreContent=function (sID) {
                var VoteContent=this.VoteContent["_"+sID];
                if (VoteContent=="undefined" || VoteContent==null) VoteContent="Not defined!!";
                return VoteContent;
        }
        /*鼠标放到星星上*/
        this.HitVote=function (sID) {
                var i=1;
                for (i=1;i<=sID;i++) {
                        document.getElementById("_GradeVoteID"+i).src=this.GradeVoteImage1;
                }
                document.getElementById("GradeVoteScore").innerHTML=this.VoteScoreContent(sID);
                sID++;
                for (i=sID;i<=this.VoteMaxStar;i++) {
                        document.getElementById("_GradeVoteID"+i).src=this.GradeVoteImage2;
                }
        }
        /*提交评分*/
        this.VoteSubmit=function (sID) {
                alert("您打了"+sID+"分!");
        }
}
var WindowVote = new GradeVote();
WindowVote.GradeVoteImage1="";
WindowVote.GradeVoteImage2="";
WindowVote.CreateVote(5,3);
WindowVote.AddContent("没什么意思");
WindowVote.AddContent("一般了");
WindowVote.AddContent("还不错");
WindowVote.AddContent("挺好的");
WindowVote.AddContent("挺酷!");
</script>



郑重声明:资讯 【JS评分系统,不错的评分系统,很好用_猪公和猪婆的猪窝_猪公和猪婆的 ...】由 发布,版权归原作者及其所在单位,其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实,请读者仅作参考,并请自行核实相关内容。若本文有侵犯到您的版权, 请你提供相关证明及申请并与我们联系(qiyeku # qq.com)或【在线投诉】,我们审核后将会尽快处理。
—— 相关资讯 ——