jQuery表情图标评价打分代码

jQuery表情图标评价打分代码-精品资源网
jQuery表情图标评价打分代码
此内容为免费资源,请登录后查看
0
免费资源

jQuery表情图标评价打分代码

一款多种样式的jQuery表情图标评价打分代码,鼠标悬停图标显示评语,点击进行打分。

js代码

<script type=\"text/javascript\" src=\"js/jquery.min.js\"></script> 
<script type=\"text/javascript\" src=\"js/score.js\"></script> 
<script type=\"text/javascript\">
  jQuery(document).ready(function($) {
    $(\'.score\').score();
    $(\'.result button\').on(\'click\',function(){
      var _form_ = true ,
          scoreArr = [] ,
          eachEle = $(\'.score\').children(\'[class^=\"score-\"]\');
      eachEle.each(function(index, el) {
        var l = $(el).children().attr(\'active-level\');
        if(!l) _form_ = false;
        scoreArr.push(l);
      });

      if(_form_){
        var count = scoreArr.reduce(function(p,c){ return p + parseInt(c); },0)
        $(\'.result-score\').html(\'综合得分:\'+(count/scoreArr.length).toFixed(2));
      }
    })    
  });
</script>

© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容