用户评星

用户评星

                    效果（使用鼠标滑动点击评分）



                                               页面结构

  css样式(此处引入的是字体图标，可以用其他方法)

js部分

$(".evaluation i").hover(function(){

var _index = $(this).index()+1;

$(this).addClass("yollew");

$(this).prevAll("i").addClass("yollew").end().nextAll("i").removeClass("yollew");

$(".evaluation p").text(_index+"分");

})

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Web端---常用的特效
    1. tab列表折叠效果 html: 能源系统事业部 岗位名称： 工作地点 岗位名...
    lilyping阅读 5,883评论 0赞 1
  • jquery方法大全
    Attribute： $("p").addClass(css中定义的样式类型); 给某个元素添加样式 $("img...
    扑克脸_457e阅读 3,660评论 0赞 1
  • JQuery
    //------------------------- 第一章 认识JQuery ----------------...
    米塔塔阅读 4,064评论 0赞 9
  • jquery函数大全
    $(”p”).addClass(css中定义的样式类型); 给某个元素添加样式 $(”img”).attr({sr...
    专注寒冰三千岁阅读 3,427评论 0赞 4
  • 两三事
    现在是18:32分，心情是阴天倒也没有下雨，下了一天的雨也终于停了，人跟人之间是会有影响的，就有了孟母三迁，在这个...
    空白格的时光机阅读 1,573评论 1赞 0