jquery外掛程式star-rating.js實現星級評等特效，jquery星級評等外掛程式

jquery外掛程式star-rating.js實現星級評等特效，jquery星級評等外掛程式

特效介紹

jquery星級評等外掛程式star-rating.js下載外掛程式，點擊星星或者心的左邊，就是半分，右邊就是1分。點擊減號，分數置為0。不相容IE8以下的瀏覽器。

示範圖

使用方法

第一步、引入下面的代碼：

複製代碼 代碼如下:
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet">
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<link href="css/star-rating.css" media="all" rel="stylesheet" type="text/css"/>
<script src="js/star-rating.js" type="text/javascript"></script>

第二步、想要使用什麼效果，就引入相應的input框：

複製代碼 代碼如下:
<input id="input-2b" type="number" class="rating" min="0" max="5" step="0.5" data-size="xl"
   data-symbol="" data-default-caption="{rating} hearts" data-star-captions="{}">

第三步，如果需要重設或者提交按鈕，可以引入下面的代碼：

複製代碼 代碼如下:
<button type="submit" class="btn btn-primary">Submit</button>
<button type="reset" class="btn btn-default">Reset</button>

第四步、引入js調用代碼：

複製代碼 代碼如下:
<script>
   jQuery(document).ready(function () {
       $(".rating-kv").rating();
   });
</script>

本站下載  示範地址

以上所述就是本文的全部內容了，希望大家能夠喜歡。