tab标签

<ul class="nav nav-tabs" role="tablist" role="tablist" id="myTab">
              <li role="presentation" class="active"><a href="#memberInfo" role="tab" data-toggle="tab">集团对标</a></li>
              <li role="presentation"><a href="#cost" role="tab" data-toggle="tab">分公司对标</a></li>
              <li role="presentation"><a href="#company" role="tab" data-toggle="tab">电厂对标</a></li>
</ul>

<!--集团对标  -->                
              <div role="tabpanel" class="tab-pane fade in active" id="memberInfo">

　　　　　　　　xxxxxxxxxx

</div>   
                    <!--分公司对标  -->    
                 <div role="tabpanel" class="tab-pane fade" id="cost">
                   　　  =========================
                 </div>
                    <!--电厂对标  -->    
                 <div role="tabpanel" class="tab-pane fade" id="company">
                  　　   ~~~~~~~~~~~~~~~~~~~~~~~~
                 </div>

时间： 2024-10-27 10:11:08

tab标签的相关文章

Android（java）学习笔记129：Tab标签的使用

1.案例1---TabProject (1)首先是main.xml文件: 1 <?xml version="1.0" encoding="utf-8"?> 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 android:orientation="vertical" 4 android:layout_wid

搞定tab标签切换效果

<!doctype html><html lang="en"><head>    <meta charset="UTF-8">    <title>搞定tab标签切换效果</title><style>*{ margin:0; padding:0;list-style: none;}body {font:12px/1.5 Tahoma;}#big{border: 1px solid b

Android 底部TabActivity（3）——ActivityGroup|顶部底部均有Tab标签之二

上一篇使用过时的ActivityGroup简单实现了顶部底部均有Tab标签的效果,是页面底部只有文字的样式,今天想完善一下效果,底部实现文字加图标的样式. 本文属于半成品,本来想着放弃的,想着先放博客吧,好歹也是一种思路,以后作参考用!追求完美效果的可以忽略本篇,我会在后续文章中实现更优的效果! 先看下效果图 首先是主页面MainActivity.java,这种方式其实不是真正意义上的Tab,只是实现了这样的效果.底部用了GridView实现三个切换开关,放到页面底部. package sun.

修改LigerUI的导航栏，改为Tab标签模式

LigerUI导航栏本身是没有tab标签模式的,但是实际上,很多时候标签能能更好的展示业务,将导航的内容按照类目进行划分,避免一个里面太多的情况. 下面是我改造后的效果图,如下: ligerui是一个不错的免费开源ui框架,功能还是很强大的,但是有些地方也做的不够好,比如表单的自适应布局,树,布局等等,但是相信会越来越好.这里给出我改造后代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

【Little Demo】Tab标签

Tab标签切换效果是比较流行的一种网站页面布局,视觉表现为美观大方,通过标签展示内容.目前在各大网站都有存在这种效果.例如:淘宝的黄金位置使用Tab标签切换效果,网易新闻等. 1.简单的 Tab 标签 a) 先来实现Tab标签的头部 通过HTML和CSS完成基本的标签效果.包括HTML的div标签和列表标签以及CSS定位.颜色和边距等. HTML代码: <div class="tab"> <ul class="tab-title"> <

整理用js实现tab标签页

首先是css样式,比如这样的: 1 <style> 2 *{ 3 margin:0; 4 padding: 0; 5 list-style: none; 6 font-size: 12px; 7 } 8 .notice{ 9 width: 298px; 10 height: 98px; 11 margin: 10px; 12 border:1px solid #7c7c7c; 13 overflow: hidden; 14 } 15 .notice-tit{ 16 height: 27px;

如何一行jquery代码写出tab标签页（链式操作）

啦啦!今天又学了一招,js写几十行的tab标签页jquery写一行就行啦,用到了链式操作!以下是代码: <!DOCTYPE html> <html lang="en"> <head> <style> *{ padding: 0; margin: 0; } ul{ list-style-type: none; } #ul{ height: 30px; margin-bottom: 10px; } #ul li { height: 30px;

AxureRP制作Tab标签

1.添加动态Panel 2.双击进入编辑动态Panel 3.点击一个面板状态,编辑全部状态 4.选择虚线框,画出两个矩形图,一大一小: 5.设置小矩形为上角圆角20 6.复制几个tab,并命名,设置底色,调整位置,tab1设为置顶 7.给另外的状态也加上第6步的图 8.在状态1中设置Tab2.Tab3的点击动作 9.其它的状态的Tab也设置相应的点击事件 10.保存生成html,浏览效果 AxureRP制作Tab标签,布布扣,bubuko.com

java企业框架tab标签_maven非maven版本

开发快报: 页面打印功能,websocket 强制下线功能,玩转websocket技术  [金牌] 获取[下载地址]   QQ: 313596790 A 代码生成器(开发利器);      增删改查的处理类,service层,mybatis的xml,SQL( mysql   和oracle)脚本,   jsp页面 都生成    就不用写搬砖的代码了,生成的放到项目里,可以直接运行 B 阿里巴巴数据库连接池druid;   数据库连接池  阿里巴巴的 druid.Druid在监控.可扩展性.稳定性

jquery切换tab标签例子

之前做了一个简单的小效果,使用jquery方式,让tab标签切换,效果如下 代码其实很简单,首先先把代码分享给大家,代码如下 var shoptoggle = $('.shoptoggle .shop-toggle li'); var shopwrap = $('div.shop-wrap'); $('div.shop-wrap:first-child+div.shop-wrap').hide(); $('#Sshop-wrap').hide(); var link=$('div.details