<!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.οnlοad=function(){ var oLi=pingfen.getElementsByTagName('li'); for(var i=0;i<oLi.length;i++){ oLi[i].index=i; oLi[i].οnmοuseοver=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>
星星评分效果
最新推荐文章于 2021-07-01 22:06:36 发布