Html
    Css
    Js

    
                        
.score {
	height:40px;
	line-height:40px;
	width:200px;
	float:left
}
.score i:before {
	content:"☆";
	font:normal normal normal 20px/1 FontAwesome;
	color:rgb(198,209,222)
}
.score span {
	width:20%;
	display:inline-block;
	text-align:center;
	float:left
}
.score span:hover > i:before {
	content:"★";
	font:normal normal normal 24px/1 FontAwesome;
	color:rgb(247,186,42)
}
.score .active i:before {
	content:"★";
	font:normal normal normal 20px/1 FontAwesome;
	color:rgb(247,186,42)
}
.score ~ p {
	display:inline-block;
	line-height:40px;
	margin:0
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.1
 立即下载

星星评分(原创)

星星自己可以换  用的是搜狗打出来的星星 不好看 自己可以换

0