window.onload = function(){
    var star = document.getElementById('star');
    var ul = star.getElementsByTagName('ul')[0];
    var li = star.getElementsByTagName('li');
    var span = star.getElementsByTagName('span')[1];
    var p = star.getElementsByTagName('p')[0];
    var evl = ["很不滿意|差得太離譜，與賣家描述的嚴重不符，非常不滿",
                "不滿意|部分有破損，與賣家描述的不符，不滿意",
                "一般|質(zhì)量一般，沒有賣家描述的那么好",
                "滿意|質(zhì)量不錯，與賣家描述的基本一致，還是挺滿意的",
                "非常滿意|質(zhì)量非常好，與賣家描述的完全一致，非常滿意"];
    var iStar = iArg = 0;
    for(i = 1;i <= li.length;i++){
        li[i-1].point = i;
        li[i-1].onmouseover = function(){
            fnPoint(this.point);
            p.style.left = ul.offsetLeft + this.point * this.offsetWidth - 104 + 'px';
            p.innerHTML = '<em><b>'+this.point+'分</b>'+ evl[this.point-1].match(/(.+)\|/)[1] + '</em>' + evl[this.point-1].match(/\|(.+)/)[1];
            p.style.display = 'block';
        }
         
        li[i-1].onclick = function(){
            iStar = this.point;
            p.style.display = 'none';
            span.innerHTML = '<strong>'+this.point+'分'+'</strong>'+'('+evl[this.point-1].match(/\|(.+)/)[1]+')';
             
        }
         
        li[i-1].onmouseout = function(){
            fnPoint();             //可以傳參數(shù)
            p.style.display = 'none';
        }
    }
     
    function fnPoint(iArg){
        var score = iArg || iStar;
        for(i =1;i <=li.length;i++){
            li[i-1].className = score < i?'':'on';
        }
    }
}

標簽： isp seo

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。