写写Tab
虽然Tab的实现无非是设置 display: none 和去掉这个东西的过程,但是要做到可重用,易于声明,还是需要下点功夫的。
最近做一道面试题,题目如下,这个例子来自淘宝网首页最右下一个小块,就是实现一个Tab,比较简单,先看看DEMO,SOURCE(ZIP)。
下面详细描述我怎么用OO的思想来构造了一个罗嗦的Tab,:P
最开始,为了方便后面操作,写了两个辅助方法:
//缩写getElementById
function $(id){
return document.getElementById(id);
}
//从DOM结构中移除某类
function RemoveClass(dom, className){
var _oc = dom.className,
_cIndex = _oc.indexOf(” ” + className),
_tmp = “”;
if(_oc.length>0){
if(_oc.indexOf(” “) [...]