aui tab切换页


HTML代码:
<div class="aui-tab aui-border-b" id="tab"> <div class="aui-tab-item aui-active">哆啦小梦</div> <div class="aui-tab-item">啦啦啦啦</div> </div> <div class="aui-padded-5 " id="tab1-con"> <div id="tab1-con1">春江潮水连海平,海上明月共潮生。 </div> <div class="aui-hide" id="tab1-con2">人生没有彩排,每天都是直播,不仅收视率低,而且工资不高。</div> </div>
JS代码

<script type="text/javascript" src="../script/api.js"></script> <script type="text/javascript" src="../script/aui-tab.js"></script> <script type="text/javascript"> apiready = function() { api.parseTapmode(); } var tab = new auiTab({ element: document.getElementById("tab"), }, function(ret) { if (ret) { //定义获取对象的所有兄弟节点的函数, function siblings(elm) { var a = []; var p = elm.parentNode.children; for (var i = 0, pl = p.length; i < pl; i++) { if (p[i] !== elm) a.push(p[i]); } return a; } var index = ret.index; var activeC = document.getElementById("tab1-con" + index); activeC.className = ""; for (var i = 0; i < siblings(activeC).length; i++) { siblings(activeC)[i].className = "aui-hide"; } } }); </script>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM