当前位置:Gxlcms > JavaScript > js星星评分效果_javascript技巧

js星星评分效果_javascript技巧

时间:2021-07-01 10:21:17 帮助过:8人阅读

html如下:

css样式:

.starts,.starts ul{float:left;}
.starts{padding-left:16px;padding-top:7px;}
.starts ul li{width:32px;height:31px;float:left;background:#ddd;padding-right:3px;}
.starts ul li.on{background:red;}
.starts ul span{display:inline;float:left;padding-left:10px;height:31px;line-height:31px;}

最后js调用如下:

查看演示 http://demo.jb51.net/js/2014/jsxxdf/

如果有喜欢使用基于jquery的星星打分效果,可以参考这个地址:http://www.gxlcms.com/jiaoben/195077.html

人气教程排行