PROMULGATOR

    liliangbo

    四川省成都市
    Html
    Css
    Js

    
                        


                        

                            


      .rating-box {
	margin-top:100px;
	text-align:center;
}
.rating {
	direction:rtl;
}
.rating>span {
	display:inline-block;
	font-size:24px;
	font-weight:700;
	position:relative;
	transition:all .2s;
}
.rating>span:hover:before,.rating>span:hover ~ span:before {
	content:"\2605";
	color:red;
	position:absolute;
}
.rating>span.active:before {
	content:"\2605";
	color:red;
	position:absolute;
}


                        

                        



                        

                   

                    
                   

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

                       
 
  立即下载    

                       

                   


                

                


                

                     
 
                         

                            
星级评价（jq+css+特殊字符）

                            

                                
	
                                      
                                                                      
                                    
                                    	
                                                                                                  	                             
                                    
                                                                       
                                

                            

                            

                        

                          

                             
                          

                         

                             
                             
该例子主要运用了css “element1~element2 选择器”的特性，但是这样和我们想要的结果是相反的，于是用另一个css属性direction，吧放好的星星从右至左，这样巧妙的实现我们想要的。

                         

                     

                   
                


                
0