基于javascript实现tab切换特效_ 本文实例为大家分享了javascript实现tab切换特效代码，供大家参考，具体内容如下 效果图 实现代码 DOCTYPE html html head langen meta charsetgb2312 title实践题 - 选项卡/title style typetext/css * margin0px; padding0px; tab margin10px; tab ul list-stylenone; height36px; border-bottom2px solid black ; displayblock; tab ul li floatleft; displayinline-block; padding0px 15px; height34px; line-height34px; margin-right5px; border1px solid ccc; border-bottomnone; cursorpointer; tab div padding5px; border1px solid ccc; border-topnone; tab ul li.on border-top2px solid black; border-bottom 2px solid white; .hide displaynone; /style script typetext/javascript window.onloadfunction var mytab document.getElementByIdtab; var myulmytab.getElementsByTagNameul0; var mylimyul.getElementsByTagNameli; var mydivmytab.getElementsByTagNamediv; // alertmydiv.length fori0,lenmyli.length;ilen;i mylii.indexi; mylii.onclickfunction forvar n0;nlen;n mylin.className; mydivn.classNamehide; this.classNameon; mydivthis.index.className; /script /head body -- HTML页面布局 -- div idtab ul li classon房产/li li家居/li li二手房/li /ul div 275万购昌平邻铁三居 总价20万买一居 200万内购五环三居 140万安家东三环 北京首现零首付楼盘 53万购东5环50平 京楼盘直降5000 中信府 公园楼王现房 /div div classhide 40平出租屋大改造 美少女的混搭小窝 经典清爽简欧爱家 90平老房焕发新生 新中式的酷色温情 66平撞色活泼家居 瓷砖就像选好老婆 卫生间烟道的设计 /div div classhide 通州豪华3居260万 二环稀缺2居250w甩 西3环通透2居290万 130万2居限量抢购 黄城根学校学区仅260万 121平70万抛 独家别墅280万 苏州桥2居优待价248万 /div /div /body /html 以上就是本文的全部内容，盼望对大家的学习有所关心。
...