您的当前位置:首页正文

js星星评分效果_javascript技巧

2022-06-15 来源:知库网

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

    显示全文