• 这么勤劳的虎你见过吗 白虎帮饲养员擦玻璃 2019-07-14
  • 回复@永胜龙须村:你可以去找嘛…… 2019-07-13
  • 新疆举办2018“文化和自然遗产日”活动 2019-07-13
  • 世界小姐张梓琳练功晒逆天长腿 被调侃心疼屋顶 2019-07-08
  • 四川省甘孜州石渠县境内再次发现雪豹身影 2019-07-04
  • 生态马拉松 密云开跑 2019-07-02
  • 《国家哲学社会科学“十五”研究状况与“十一五”发展趋势》出版 2019-07-02
  • [雷人]中国人啥不炒?古董、字画、票证、君子兰、普洱茶、大蒜……凡是有较长保存时间的东西,都有人炒! 2019-07-01
  • 以产业金融促广州实体经济发展 2019-07-01
  • 享受激情世界杯 远离心脑血管疾病 2019-06-23
  • 开国上将张宗逊诞辰110周年,深切缅怀他的卓著功勋 2019-06-23
  • 四川达州塔沱市场火灾扑灭消防官兵撤离 相关责任人被刑拘 2019-06-18
  • 被逼的而已,再不去,蔡小姐要上天了。 2019-06-18
  • “游、购、娱”持续升温 中国经济内生动力表现强劲 2019-06-12
  • 生态环境部部长李干杰:坚定推动农村散煤的煤改气、煤改电 2019-05-27
  • 九龙高手心水论坛:jQuery五角星评分

    致富心水论坛 www.7z1h.net 所属分类:输入-投票率

     18140  107  查看评论 (6)
    分享到微信朋友圈
    X
    jQuery五角星评分 ie兼容6

    1. 给所有的li注册mouseenter事件

    2. 让当前li和前面所有的li变成实心,让后面所有的兄弟变成空心

    3. 离开ul的时候,把所有的li变成空心

    $(function () {
                var wjx_s = "★";
                var wjx_k = "☆";
                //1. 给所有的li注册mouseenter事件
                $(".comment li").mouseenter(function () {
                    //2. 让当前li和前面所有的li变成实心,让后面所有的兄弟变成空心
                    //前面兄弟:prevAll():
                    //后面兄弟:nextAll():
                    $(this).text(wjx_s).prevAll().text(wjx_s);
                    $(this).nextAll(wjx_k);
                });
                //2. 离开ul的时候,把所有的li变成空心
                $(".comment").mouseleave(function () {
                    $(this).children().text(wjx_k);
                    //如果我知道了我刚刚点了那个五角星
                    //可以让点的那个五角星以及前面的兄弟变成实心就可以。
                    //4. 找到我点击的那个li
                    $("li.current").text(wjx_s).prevAll().text(wjx_s)
                });
                //3. 给所有的li注册点击事件,点击的时候,留下点东西(class)
                $(".comment li").click(function () {
                    $(this).addClass("current").siblings().removeClass("current")
                })
            })

    4. 给所有的li注册点击事件,点击的时候,留下点东西(class)

    相关插件-投票率

    jQuery实现淘宝打星评价

    jQuery实现淘宝打星评价直接引用即可
      投票率
     23868  147
      投票率
     20696  179

    CSS3+SVG评星效果

    没有任何js代码实现的,表情星星打分效果
      投票率
     736  9

    jquery评分插件jquery.raty.js

    一款功能强大的jquery评分插件jquery.raty
      投票率
     48953  170

    讨论这个项目(6)回答他人问题或分享插件使用方法奖励jQ币

      英宇 0
      2018/5/3 15:59:06
      说实话,还有进步空间 回复
      南方装修 0
      2017/12/21 19:38:41
      半醒狐狸 0
      2017/11/23 14:39:25

      当鼠标选取某个星后,只能向前选取不能向后了

      回复
      ┽牵手 ぅ阿狸 0
      2017/10/18 15:46:18

      鼠标经过只能增加不能消失,没有写这个,感觉有点小瑕疵。

      回复
      花花世界 0
      2017/1/23 9:33:32
      没半颗星
          杨小爷0
          2017/1/23 17:59:28

          他是用字符完成的。。半颗星肯定不行了

      回复
    取消回复
  • 这么勤劳的虎你见过吗 白虎帮饲养员擦玻璃 2019-07-14
  • 回复@永胜龙须村:你可以去找嘛…… 2019-07-13
  • 新疆举办2018“文化和自然遗产日”活动 2019-07-13
  • 世界小姐张梓琳练功晒逆天长腿 被调侃心疼屋顶 2019-07-08
  • 四川省甘孜州石渠县境内再次发现雪豹身影 2019-07-04
  • 生态马拉松 密云开跑 2019-07-02
  • 《国家哲学社会科学“十五”研究状况与“十一五”发展趋势》出版 2019-07-02
  • [雷人]中国人啥不炒?古董、字画、票证、君子兰、普洱茶、大蒜……凡是有较长保存时间的东西,都有人炒! 2019-07-01
  • 以产业金融促广州实体经济发展 2019-07-01
  • 享受激情世界杯 远离心脑血管疾病 2019-06-23
  • 开国上将张宗逊诞辰110周年,深切缅怀他的卓著功勋 2019-06-23
  • 四川达州塔沱市场火灾扑灭消防官兵撤离 相关责任人被刑拘 2019-06-18
  • 被逼的而已,再不去,蔡小姐要上天了。 2019-06-18
  • “游、购、娱”持续升温 中国经济内生动力表现强劲 2019-06-12
  • 生态环境部部长李干杰:坚定推动农村散煤的煤改气、煤改电 2019-05-27
  • 魂斗罗归来官网活动 中国厨房试玩 英雄荣耀走势图 甘肃十一选五今天预测号码 王者荣耀哪个英雄厉害 幸运28是怎么坑人的 三剑客和女王投注 拳皇98ol最强阵容 湖北11选5开奖图 bbin体育到账慢 山东群英会玩法技巧 河南22选5直播 王牌战士体验服账号 500彩票网上市 时时乐开奖公布 魔兽争霸秘籍无限魔法