当前位置:首页 > 网页特效 > 网站常用 >

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>
由源码搜藏网整理,转载请注明出处https://www.codesocang.com/tx-wangzhan/8560.html

网站常用下载排行

最新文章