开发者社区> 问答> 正文

如何在Jsp里实现选项卡的功能?

就像这种选项卡
screenshot

展开
收起
蛮大人123 2016-03-20 18:13:31 2648 0
1 条回答
写回答
取消 提交回答
  • 我说我不帅他们就打我,还说我虚伪
    function tabs(id,trigger){ 
    var tabsBtn = document.getElementById(id).getElementsByTagName('h2')[0].getElementsByTagName('a'); 
    var tabsContent = document.getElementById(id).getElementsByTagName('p'); 
    for(var i = 0,len = tabsBtn.length; i < len; i++){ 
    tabsBtn[i].index = i; 
    if(trigger == 'click'){ 
    tabsBtn[i].onclick = function(){ 
    clearClass(); 
    this.className = 'on'; 
    showContent(this.index); 
    } 
    }else if(trigger == 'mouseover'){ 
    tabsBtn[i].onmouseover = function(){ 
    clearClass(); 
    this.className = 'on'; 
    showContent(this.index); 
    } 
    } 
    } 
    function showContent(n){ 
    for(var i = 0,len = tabsBtn.length; i < len; i++){ 
    tabsContent[i].className = 'hide'; 
    } 
    tabsContent[n].className = 'tabs-content'; 
    } 
    function clearClass(){ 
    for(var i = 0,len = tabsBtn.length; i < len; i++){ 
    tabsBtn[i].className = ''; 
    } 
    } 
    } 
    2019-07-17 19:09:53
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
相关产品:
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载