mootools 创建选项卡效果

直接上例子，要灵活运用

第一步：

.hidden {   

    display: none;

}

第二步：

<div id="contentone" class="hidden">content for one</div>

第三步：

 var showFunction = function() {   

     this.setStyle('display', 'block');   

 }

第四步：

// 给tab绑定事件

$('one').addEvents({

    // 设置事件类型

    // 并给事件控制函数绑定相应的变量

    'mouseenter': showFunction.bind(elOne), 

    'mouseleave': hideFunction.bind(elOne)

});