Jquery_採点
Description:星のスコア--マウスでハイライトされた星を移動してスコアを付け、文字の説明も変化に対応します.
KeyTech:いいえ、Jqueryに詳しいです
主なコード:
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)+" ");/* “ ”*/
- }
- }