星评js 可对半颗星选择

发布时间：2019-01-02 16:01:32 修改时间：2019-01-02 16:04:25 阅读：5863 评论：0 0

部分代码：

<p class="title">半颗星评分</p>

    <div id="startone"  class="block clearfix" >

          <div class="star_score"></div>

          <p style="float:left;">您的评分：<span class="fenshu"></span> 分</p>

          <div class="attitude"></div>

    </div>

    <p class="title">1颗星评分</p>

    <div id="starttwo" class="block clearfix">

        <div  class="star_score"></div>

        <p style="float:left;">您的评分：<span class="fenshu"></span> 分</p>

    </div>

    <script type="text/javascript" src="js/startScore.js"></script>

    <script>

     scoreFun($("#startone"))

     scoreFun($("#starttwo"),{

           fen_d:22,//每一个a的宽度

           ScoreGrade:5//a的个数 10或者

         })

    </script>

    <p class="title">分数展示</p>

    <ul class="show_number clearfix">

       <li>

        <div class="atar_Show">

          <p tip="2.5"></p>

        </div>

        <span></span>

       </li>

       <li>

        <div class="atar_Show">

          <p tip="3.5"></p>

        </div>

        <span></span>

       </li>

       <li>

        <div class="atar_Show">

          <p tip="5"></p>

        </div>

        <span></span>

       </li>

    </ul>

    <script>

    //显示分数

      $(".show_number li p").each(function(index, element) {

        var num=$(this).attr("tip");

        var www=num*2*16;//

        $(this).css("width",www);

        $(this).parent(".atar_Show").siblings("span").text(num+"分");

    });

    </script>







演示地址：http://no-if.com/Public/startScore/index.html

下载地址：见附件

提取码：o3sj  





附件下载

---