...-慕课网

                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

写的太乱了，，代码不够简洁。也参考了别人的代码，唯一不理解的部分就是那个li和ul的底边都设置了，最后动态选择的时候为何成了空白，看了下别人的代码，高度差2个像素，但还是不理解这里怎么就成了空白，是被遮挡住了么。。。

历史与足迹

2014-08-20

源自：JavaScript进阶篇 10-1

关注问题我要回答

776

操作

收起

1 回答

Thinker_Ac
2014-08-21

把例子里面的ul高度设置为29Px就没有差像素的问题了。其实里面的代码是这样的，比如li先是设置所有的border，然后又消除了底部的border,其实可以只设置3条边的border,这样代码长一点，但比较好理解。为了看出选中的效果，每次点击相应的li，该li的class就会设置为on,而on就会改变它的上下border,就是我们看到的效果。