您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > 网站常用 >

    jQuery动态星级评分代码

    时间:2014-06-08 15:27 来源:互联网 作者:源码搜藏 浏览:收藏 挑错 推荐 打印

    运行代码保存代码复制代码 提示:您可以先修改部分代码再运行,保存代码功能在Firefox下无效。
    • jQuery星级评分代码,大家都很喜欢的功能,目前广泛应用,本星级评分加入了动画效果,注意,如果要真正实现星级评分,你需要动态程序配合,如ASP/PHP等,以便将评分值存入数据库。
    • <script type="text/javascript">
      $(function(){
      get_rate(88);
      })
      function get_rate(rate){
      rate=rate.toString();
      var s;
      var g;
      $("#g").show();
      if (rate.length>=3){
      s=10;
      g=0;
      $("#g").hide();
      }else if(rate=="0"){
      s=0;
      g=0;
      }else{
      s=rate.substr(0,1);
      g=rate.substr(1,1);
      }
      $("#s").text(s);
      $("#g").text("."+ g);
      $(".big_rate_up").animate({width:(parseInt(s)+parseInt(g)/10) * 14,height:26},1000);
      $(".big_rate_bak b").each(function(){
      $(this).mouseover(function(){
      $(".big_rate_up").width($(this).attr("rate") * 14 );
      $("#s").text($(this).attr("rate"));
      $("#g").text("");
      }).click(function(){
      $("#f").text($(this).attr("rate"));
      $("#my_rate").show();
      })
      })
      $(".big_rate_bak").mouseout(function(){
      $("#s").text(s);
      $("#g").text("."+ g);
      $(".big_rate_up").width((parseInt(s)+parseInt(g)/10) * 14);
      })
      }
      function up_rate(rate){
      $(".big_rate_up").width("0");
      get_rate(rate);
      }
      </script>
    jQuery动态星级评分代码由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/wangzhan/8560.html
    标签:网站源码