做网页无论实现的功能大或者小，都要先思考和分析一下思路，然后接着动手实现。
下面我来讲讲实现选项卡的思路，学会了就可以用到很多网页里哦~~~
一、HTML页面布局:
1、选项卡一般选用无序列表：ul..li。
2、选项卡的内容用div，这样在写css样式和js的时候可以很方便的把一块内容作为一个容器去控制。
二、CSS样式制作:
1、选项卡的样式设置。
2、选项卡标题样式的设置。
3、选项卡内容样式的设置。
4、功能：开始的时候显示一个选项卡的内容，其他隐藏，鼠标划过才显示该选项卡下的内容。
如图：
三、JS实现选项卡切换
1、先获取选项卡的标题和内容。
2、选项卡有多个内容，需要用for循环来遍历，得出哪一个选项卡和哪一个内容匹配。
3、通过改变DOM的CSS类的名称（className）来切换，当前点击的选项卡显示，其他的隐藏。
四、现在开始实现功能：
- 房产
- 家居
- 二手房
275万购昌平邻铁三居 总价20万买一 200万内购五环三居 140万安家东三环 北京首现零首付楼盘 53万购东5环50平 京楼盘直降5000 中信府 公园楼王现房
40平出租屋大改造 美少女的混搭小窝 经典清新简欧爱家 90平老房焕发新生 新中式的酷色温情 66平撞色活泼家居 瓷砖就像选好老婆 卫生间烟道的设计
通州豪华3居260万 二环稀缺2居250w 西3环通透2居290万 130万2居限量抢购 黄城根小学学区仅260万 121平70万抛! 独家别墅280万 苏州桥2居优惠价248万
该来的总会来，只要踏踏实实地做好现在的事情就可以了~~~