星星評分效果
阿新 • • 發佈:2018-12-07
<!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <link href="style.css" rel="stylesheet" type="text/css" /> <style type="text/css"> #pingfen .cg {background:url(star.gif) no-repeat 0 -29px; } </style> </head> <body> <div id="pingfen"> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </div> <script> window.onload=function(){ var oLi=pingfen.getElementsByTagName('li'); for(var i=0;i<oLi.length;i++){ oLi[i].index=i; oLi[i].onmouseover=function(){ for(var i=0;i<oLi.length;i++){ oLi[i].className='' } for(var i=0;i<=this.index;i++){ oLi[i].className='cg'; } this.className='cg'; } } } </script> </body> </html>