jquery 星級評價插件jquery Raty的使用

需要引入的js

	<script type="text/javascript" src="<%=basePath%>resources/js/jquery.min.js"></script>
	<script type="text/javascript" src="<%=basePath%>resources/js/jquery.raty.js"></script>

需要的圖片

 

具體使用：

在需要顯示星級的地方加一個div

<div id="star" data-num="3.5"></div>

在script中初始化

        $(function(){
            $("#star").raty({
                score:function(){
                    return $(this).attr("data-num");
                },
                starOn:'resources/img/star-on-big.png',
                starOff:'resources/img/star-off-big.png',
                starHalf:'resources/img/star-half-big.png',
                readOnly:false,
                halfShow:true,
                size:34,
                
            })
        });
        

score:需要顯示的星星個數

starOn：鼠標放上去時顯示的圖標的位置

starOff：鼠標離開后顯示的圖標的位置

starHalf：需要顯示的半星的標圖的位置

readOnly：所顯示的星星是否只讀，默認非只讀

halfShow：半個星星是否可以顯示，默認可以

size：div顯示的長度，太短了星星會換行

星星顯示的效果如下：