javascript实现相似于淘宝的星级评价

时间 2019-11-17

标签 javascript 实现似于淘宝星级评价栏目 JavaScript 繁體版

原文原文链接

javascript代码javascript

须要两张星星的图片，一张是白色的，一张是金色的。
html

<script  type="text/javascript">    
        $(function(){  
            $("#ratings td").html("<img src='head.jpg' />").mouseover(function(){  
                $("#ratings td").html("<img src='head2.jpg' />");   
                $(this).nextAll().html("<img src='head.jpg' />");  
            });  
        });  
          
</script>

html代码java

<table id="ratings">  
    <tr>  
        <td></td><td></td><td></td><td></td>      
    </tr>   
</table>

效果如图
this

<IMG alt=http://img.blog.csdn.net/20140529103454218?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvY2hpbmFtdW1teV8yOQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast src="http://static.oschina.net/uploads/img/201407/12093002_zpaX.jpg" _src="http://static.oschina.net/uploads/img/201407/12093002_zpaX.jpg">
.net