jquery星星打分

PROMULGATOR

?峰低整

陕西省西安市

← js下拉列表展示

→ jQuery手风琴1.0

相关代码

Html

Css


    我的评分
    
        
            5.0
            
                
                (一般)
            
        
        
            请点击以下星级进行评分：我的评分=(故事+更新+文笔)/3
            
                
                    
                        故事：
                        12345678910
                        5 (一般)
                    
                    
                        更新：
                        12345678910
                        5 (一般)
                    
                    
                        文笔：
                        12345678910
                        5 (一般)
                    
                
            
        
        
            
            
            
            评论内容：

故事：	12345678910	5 (一般)
更新：	12345678910	5 (一般)
文笔：	12345678910	5 (一般)

small {
	padding-left:5px;
	padding-right:5px;
	cursor:pointer
}
small:hover {
	color:#FB1216;
	font-weight:bold
}

$(function() {

var v1 = parseInt($("#item1").attr("v"));
            var v2 = parseInt($("#item2").attr("v"));
            var v3 = parseInt($("#item3").attr("v"));
            var temp_v = (v1 + v2 + v3) / 3;
            var temp_v = Math.round(temp_v * Math.pow(10, 1)) / Math.pow(10, 1);

var num = temp_v;
            var integer = parseInt(num);
            var flt = num - integer;
            var fltln = (num.toString()).length - (integer.toString()).length - 1;
            var fltint = (flt.toString()).substring(2, (fltln + 2));
            var fltint = fltint > 0 ? fltint : 0;

$("#myPoint img").attr("src", "statics/star" + integer + ".gif");
            $("#myPoint big").html(integer);
            $("#myPoint small").html("." + fltint);
            $("#myPoint em").html(txt0[integer - 1]);
        });
        $(this).parent().mouseout(function() {
            var ids = $(this).attr("v");
            id = index + 1;
            var obj = $(this).parent().next().children("em");
            if (id <= 10) {
                obj.html(txt1[ids - 1]);
            } else if (id > 10 && id <= 20) {
                id = id - 10;
                obj.html(txt2[ids - 1]);
            } else if (id > 20 && id <= 30) {
                id = id - 20;
                obj.html(txt3[ids - 1]);
            }
            $(this).parent().next().children("strong").html(ids);
            $(this).removeClass();
            $(this).addClass("star" + ids);
        });
    });

});

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

jquery星星打分



代码描述：jquery评论页星星打分动画效果

1

最新

发表评论全部评论

暂时没有评论！

苏格拉底0

2017/10/8 19:43:08

有创意
回复

登录后才可以评论

30秒后在评论吧!

取消回复

<!doctype html> <html> <head> <meta charset="utf-8"> <title>jquery星星打分-jq22.com</title> <script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script> <style> </style> </head> <body> <script> </script> </body> </html>

2012-2021 jQuery插件库版权所有

jquery插件| jq22工具库| 网页技术| 广告合作| 在线反馈| 版权声明
沪ICP备13043785号-1 浙公网安备 33041102000314号