星级评分原理和实现（下）_技术问答

首页免费课星级评分原理和实现（下）问答

星级评分原理和实现（下）

                
                AlexWang
            
                    查看讲师更多课程 
                    AlexWang讲师的其他课程
                
程序员基石必修课，计算机网络底层原理
实战·入门·240

                                                                                                                                    ￥99.00
                                            
MySQL数据库（下）-数据操作
入门·1485
免费课程
                                
MySQL数据库（上）- 基础入门
入门·2608
免费课程
                                
Express 基础入门
入门·917
免费课程
                                
星级评分原理和实现（上）
初级·25811
免费课程
                                
图片预加载
中级·40988
免费课程
                                
                难度初级
            
                时长 1小时41分
            
                学习人数
            
综合评分9.63
                            38人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.8
                                简洁易懂
                            
                                9.3
                                逻辑清晰

全部评论问答未解决精华

就我一个人看着代码心塞吗？

已采纳回答 / css魔力

设计模式只是根据人们的经验提炼而成，并不一定要刻板地按照那些来写；JS是很灵活的，有些通过类来继承的思路本身在JS就显得水土不服，所以说这是个重武器，不必要时也没必要用。老师是已经融会贯通了，他会结合各种模式的优劣，组合出好的代码，这也是一种在自己大脑里提炼的经验。

1 回答 1496 浏览 1-1 原理分析--点亮鼠标滑过的星星

2017-08-02

暮女神

66666,添加星星也可以用append()方法

1 3-3 添加JS行为

2017-07-31

小王子抓猫咪

CSS写的比张大神要复杂，有些CSS没必要。比如，容器Hover时所有星星的背景图样式和每个星星Hover时的背景图样式这两个样式可以写成一样权值，只需将星星Hover放在后面即可，不用写important 代码
.rating:hover .star{}
.rating .star:hover{}
权值一样，后面的覆盖前面的
后面还有选中radio的后续兄弟标签元素修改zindex其实也没有必要
总共三个层级，最上面一级是默认情形下的所有star
当star被Hover时则降一级。而当star对应的radio被选中时，该star则再降一级
没有必要像老师那样设置其他星星的zindex

4 2-4 代码实现--记住点击选中后的状态

2017-07-31

暮女神

66666

2 2-1 原理分析--点亮鼠标滑过的星星

2017-07-31

为什么有时候会出现点击不灵敏

已采纳回答 / ImmortalBird

同样的问题，chrome下是这样的。不是代码问题。你可以用overflow: hidden，那个就没问题。

3 回答 1592 浏览 1-3 记住点击选中后的状态

2017-07-31

暮女神

http://img1.sycdn.imooc.com//595cd20600014fc805000551.jpg

7 1-2 代码实现--点亮鼠标滑过的星星

2017-07-30

暮女神

图片在问答里有http://www.imooc.com/qadetail/224667

0 1-2 代码实现--点亮鼠标滑过的星星

2017-07-30

慕设计3678775

赞赞啊开拓思路~

3 4-1 课程总结

2017-07-25

qq_醉情_0

有资源和没资源课程质量差一个档次

2 1-3 记住点击选中后的状态

2017-07-24

chaseit

经典，经典！！

1 4-1 课程总结

2017-07-23

行道树

用jQuery插件方式调用的话return的内容就不需要了，可以删掉。

1 3-4 完善JS代码

2017-07-19

星星评价源码可以分享吗？？？

最新回答 / xiangguixing

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>第四种实现方法</title><style type="text/css">.rating{position: relative;width: 130px;height: 26px;background: url(img/rating.png) repeat-x;margin:100px auto;overflo...

1 回答 2517 浏览 2-4 代码实现--记住点击选中后的状态

2017-07-16