Jquery_採点

Description:星のスコア--マウスでハイライトされた星を移動してスコアを付け、文字の説明も変化に対応します.
KeyTech:いいえ、Jqueryに詳しいです
主なコード:

  
  
  
  

   
   
   
   
 var oContent =["  ", "  ", "  " , "  " , "  "];/*      */ 
   
   
   
   
    var oDiv = document.getElementById("star");/*  id  div*/ 
   
   
   
   
    var oLi = oDiv.getElementsByTagName("li");/*      li  */ 
   
   
   
   
    var oP = oDiv.getElementsByTagName("p")[0];/*        div   1 p*/ 
   
   
   
   
    var i = 0; 
   
   
   
   
    for(i=0;i<oLi.length;i++){ 
   
   
   
   
        oLi[i].index = i;        
   
   
   
   
        /*   ：    ，  “  &  ”*/ 
   
   
   
   
        oLi[i].onmouseover = function() 
   
   
   
   
        { 
   
   
   
   
            oP.style.display = "block";/*    */ 
   
   
   
   
            oP.innerHTML = oContent[this.index];/*        */         
   
   
   
   
            for(i=0;i<=this.index;i++){ 
   
   
   
   
            oLi[i].className = "active";/*      */ 
   
   
   
   
            } 
   
   
   
   
        } 
   
   
   
   
        /*   ：    ，  “  &  ”*/ 
   
   
   
   
        oLi[i].onmouseout = function() 
   
   
   
   
        { 
   
   
   
   
            oP.style.display = "none";/*    */       
   
   
   
   
            for(i=0;i<=this.index;i++){ 
   
   
   
   
            oLi[i].className = "";/*      */ 
   
   
   
   
            } 
   
   
   
   
        } 
   
   
   
   
        /*   ：    ，      */ 
   
   
   
   
        oLi[i].onclick = function() 
   
   
   
   
        {    
   
   
   
   
            alert("    ！！     ："+(this.index+1)+" ");/*    “        ”*/ 
   
   
   
   
        } 
   
   
   
   
        }