选项卡 | 易学教程

android中文api (59) —— TabHost.TabSpec

阅读更多关于 android中文api (59) —— TabHost.TabSpec

前言　　本章内容是 android.widget.TabHost.TabSpec，版本为Android 2.3 r1，翻译来自"madgoat"，欢迎大家访问他的博客： http://madgoat.cn/ ，再次感谢"madgoat" ！期待你加入 Android中文翻译组，联系我over140@gmail.com。声明　　欢迎转载，但请保留文章原始出处:) 　　　　博客园： http://www.cnblogs.com/ 　　　　Android中文翻译组： http://code.taobao.org/project/view/404/ 正文　　一、结构 public class TabHost.TabSpec extends Object java.lang.Object android.widget.TabHost.TabSpec 　　二、概述　　每个选项卡都有一个选项卡指示符,内容和tag标签用于跟踪。这种生成器可以帮助从这些选项中做出选择。针对选项卡的指示符，你可以选择：　　 1) 设置一个标题　　 2) 设置一个标题和图标　　针对选项卡的内容，你可以选择：　　 1) 视图的ID 　　 2)TabHost.TabContentFactory 创建的视图内容　　 3) 加载Activity的Intent对象　　三、公共方法　　 public

[JS] 实现tab选项卡

阅读更多关于 [JS] 实现tab选项卡

编写思路 (1) 可以将无序表和图片容器分开, 无序表的 li 只用作为事件触发器 (2) 图片默认显示第一张, 实际上全部都已加载完, 除第一张外都隐藏 (3) 监听鼠标聚焦事件即可, 聚焦到哪个 li 上就把对应图片显示, 然后把其它图片隐藏 (4) li 标签的数量和 img 标签的数量一致, 因此匹配图片的时候, 可以用 li 的索引来对应 img 标签的索引效果图示 html 结构代码 <body> <div id="theFirst"> <ul> <li style="background-color: deepskyblue"> <span>tab1</span> </li> <li> <span>tab2</span> </li> <li> <span>tab3</span> </li> <div id="theSecond"> <img src="images/1.png" class="def" /> <img src="images/2.png" class="def" style="display: none" /> <img src="images/3.png" class="def" style="display: none" /> </div> </ul> </div> </body> css 样式代码 <style> * { padding: 0;

私房菜：十则经典的Word 2010小技巧

阅读更多关于私房菜：十则经典的Word 2010小技巧

在使用Word时中使用过一些小技巧，发现很不错，对文字处理方面很有帮助，现整理如下：　　1、 Word表格玩自动填充　　在Word表格里选中要填入相同内容的单元格，单击“格式→项目符号和编号”，进入“编号”选项卡，选择任意一种样式，单击“自定义”按钮，在“自定义编号列表”窗口中“编号格式”栏内输入要填充的内容，在“编号样式”栏内选择“无”，依次单击“确定”退出后即可。　　2、 Word中巧输星期　　单击“格式→项目符号和编号”，进入“编号”选项卡，单击“自定义”按钮，在“编号样式”栏内选择“一、二、三”等样式，在“编号格式”栏内的“一”前输入“星期”即可。　　 3、粘贴网页内容　　在Word中粘贴网页，只须在网页中复制内容，切换到Word中，单击“粘贴”按钮，网页中所有内容就会原样复制到Word中，这时在复制内容的右下角会出现一个“粘贴选项”按钮，单击按钮右侧的黑三角符号，弹出一个菜单，选择“仅保留文本”即可。　　 4、快速转换大写金额　　在Word中输入12345，然后点击“插入→数字”命令，在弹出的“数字”对话框“数字类型”栏里选择中文数字版式“壹、贰、叁????? ? ? ”单击“确定”，则12345就变成中文数字“壹万贰仟叁佰肆拾伍”。　　 5、去掉自动编号功能　　点击“工具→自动更正选项”，打开“自动更正”对话框，进入“键入时自动套用格式

Excel单元格设置下拉列表

阅读更多关于 Excel单元格设置下拉列表

本文介绍怎样一步一步为excel单元格添加下拉列表。 1. 选择要添加下拉列表的单元格，选择“数据”选项卡，点开“数据有效性”选项，点击下面的“数据有效性”子项。 2. 弹出“数据有效性”对话框，在第一个选项卡“设置”下选择允许“序列”。 3. 这时对话框变得更丰富了，在“来源”文本框中填入想要在下拉列表中出现的选项，用逗号隔开，忽略空值、提供下拉箭头根据需要选择。确定。 4. Bingo，这时就可以通过点击右边的小三角展开下拉列表，并选择你要的值了。 5. 但是如果我想输入的值不在有效列表中呢？我想输入菠萝，或许就要把菠萝加入有效性列表。但如果使用者是初学者或者是老爸，肯定大怒“这坑爹货，怎么不给输入”。 6. 呵呵，有办法。打开“数据有效性”对话框，这次选择“出错警告”选项卡，把“输入无效数据时显示出错警告”前面的小勾去掉。 7. 这下可以了！ 8. 另外，当一个excel文件处于共享状态时对数据有效性的操作是不允许的。来源： https://www.cnblogs.com/icescut/archive/2011/09/17/Excel_Dropdown.html

tab选项卡的实现

阅读更多关于 tab选项卡的实现

tab选项卡的实现会用到原生js的dom操作 html <body> <div id="tab"> <div id="tab_header"> <ul> <li class="seclect">1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> </div> <div id="tab_body"> <div class="dom" style="display: block;"> <ul> <li>1</li> <li>1</li> <li>1</li> <li>1</li> </ul> </div> <div class="dom"> <ul> <li>2</li> <li>2</li> <li>2</li> <li>2</li> </ul> </div> <div class="dom"> <ul> <li>3</li> <li>3</li> <li>3</li> <li>3</li> </ul> </div> <div class="dom"> <ul> <li>4</li> <li>4</li> <li>4</li> <li>4</li> </ul> </div> <div class="dom"> <ul> <li>5</li> <li>5</li> <li>5</li> <li>5</li> </ul> <

EasyUI选项卡避免重复打开

阅读更多关于 EasyUI选项卡避免重复打开

https://www.cnblogs.com/weimingxin/p/6710005.html 样式失效问题有待解决来源： https://www.cnblogs.com/xyyou/p/12298362.html

网页导航栏设计模式

阅读更多关于网页导航栏设计模式

在网页设计中有一些通用的交互设计模式。网站导航各种各样的通用和大家熟知的设计模式，可以用来作为为网站创建有效地信息架构的基础。这篇指南涵盖了流行的站点导航设计模式。对于每一种网站导航栏设计模式，我们将讨论它的一般特征，它的缺点，以及什么时候使用它最好。顶部水平栏导航顶部水平栏导航是当前两种最流行地网站导航菜单设计模式之一。它最常用于网站的主导航菜单，且最通常地放在网站所有页面的网站头的直接上方或直接下方。顶部水平栏导航设计模式有时伴随着下拉菜单，当鼠标移到某个项上时弹出它下面的二级子导航项。顶部水平栏导航一般特征导航项是文字链接，按钮形状，或者选项卡形状水平栏导航通常直接放在邻近网站logo的地方它通常位于折叠之上顶部水平栏导航的缺点顶部水平栏导航最大的缺点就是它限制了你在不采用子级导航的情况下可以包含的链接数。对于只有几个页面或类别的网站来说，这不是什么问题，但是对于有非常复杂的信息结构且有很多模块组成的网站来说，如果没有子导航的话，这并不是一个完美的主导航菜单选择。何时使用顶部水平栏导航顶部水平栏导航对于只需要在主要导航中显示5-12个导航项的网站来说是非常好的。这也是单列布局的网站的主导航的唯一选择(除了通常用于二级导航系统的底部导航)。当它与下拉子导航结合时，这种设计模式可以支持更多的链接。竖直/侧边栏导航侧边栏导航的导航项被排列在一个单列

JavaScript 面向对象(二) —— 案例篇

阅读更多关于 JavaScript 面向对象(二) —— 案例篇

看案例前可以先看看基础篇： JavaScript 面向对象(一) —— 基础篇案例——面向对象的选项卡：把面向过程的程序一步步改成面向对象的形式，使其能够更加的通用(但是通用的东西，一般会比较臃肿)。下面是一个简单的选项卡，也是我们常见的面向过程的创建形式。 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style> 5 #tabBox input { 6 background: #F6F3F3; 7 border: 1px solid #FF0000; 8 } 9 #tabBox .active { 10 background: #E9D4D4; 11 } 12 #tabBox div { 13 width:300px; 14 height:250px; 15 display:none; 16 padding: 10px; 17 background: #E9D4D4; 18 border: 1px solid #FF0000; 19 } 20 </style> 21 <meta charset="utf-8" /> 22 <title>选项卡</title> 23 <script> 24 window.onload=function(){ 25 var tabBox = document.getElementById('tabBox');

使用FragmentTabHost+TabLayout+ViewPager实现双层嵌套Tab

阅读更多关于使用FragmentTabHost+TabLayout+ViewPager实现双层嵌套Tab

版权声明：本文为 HaiyuKing 原创文章，转载请注明出处！前言使用FragmentTabHost实现底部选项卡效果。备注：该Demo主要是演示FragmentTabHost的一些设置和部分功能，实际中需要参考其他Demo。效果图代码分析 1、该Demo中采用的是FragmentTabHost的布局方案之一【命名为非常规布局写法】；【建议使用常规布局写法，见《 FragmentTabHostTopDemo【FragmentTabHost固定宽度且居中】》】 2、未使用自定义的FragmentTabHost；【建议使用自定义的FragmentTabHost，见《FragmentTabHostUnderLineDemo【 FragmentTabHost带下划线】》】原因是FragmentTabHost切换时执行的是attach/detach，而不是show/hide。而atach触发的执行顺序：attach()->onCreateView()->onActivityCreated()->onStart()->onResume() 使用hide()方法只是隐藏了fragment的view并没有将view从viewtree中删除,随后可用show()方法将view设置为显示。 3、ContactFragment演示的是：使用FragmentTabHost时

JS 选项卡

阅读更多关于 JS 选项卡

< head lang = "en" > < meta charset = "UTF-8" > < title > < / title > < style > . big { width : 500 px ; height : 400 px ; border : 1 px solid black ; margin : auto ; } . top { width : 500 px ; height : 50 px ; border - bottom : solid 1 px black ; } . top span { width : 100 px ; height : 50 px ; display : inline - block ; text - align : center ; line - height : 50 px ; float : left ; } . active { background : red ; color : white ; } . bottom { width : 498 px ; height : 348 px ; position : relative ; } . bottom div { width : 100 % ; height : 100 % ; position : absolute ; left : 0 ; top : 0 ;

订阅选项卡