Jquery.Score 2.0評分插件(基於Jquery.1.3.0或以上版本)

插件介紹：

名稱：jquery.Score（網頁評分插件）
版本：2.0
開發者：似懂非懂
基於插件：Jquery 1.3.0版本或以上
兼容：ie六、七、八、谷歌、火狐、360等各大主流瀏覽器

當即下載

 

使用方法：

<script type="text/javascript">
    $(function(){
    $("#scoreValue").Score({
        showBranch:5,//分數
        icoBefore:"images/30-30-off.gif",//灰色的圖片地址
        icoAfter:"images/30-30-on.gif", //彩色的圖片地址
        showWidth:30, //子元素寬度
        showHeight:30 //子元素高度
    });
})
</script>

Html結構：

只須要一個表單便可，以下：
<input type="text" id="scoreValue" value="4" />

 

Css Style：

<style>
    .scoreBox{ width:0px; height:10px; position:relative;}
    .scoreBox ul,.scoreBox li{ padding:0px; margin:0px; list-style:none;}
    .starBg{ width:0px; height:10px; position:relative; z-index:998; }
    .maskBox{display:block; width:50px; height:10px; overflow:hidden; position:absolute; z-index:999; top:0px; left:0px; padding:0px; margin:0px;}
    .maskBox li,.starBg li{display:block;width:5px; height:10px; overflow:hidden; float:left;     cursor:pointer;}
</style>