`
starnil
  • 浏览: 3192 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
社区版块
存档分类

未完成的TAB标签

UI 
阅读更多
前段时间设计的tab,因时间关系近期无法继续。所以先分享给大家提供一个参考。如果您有好的建议或意见同样希望能够与你分享。

设计初衷是为设计一个能够通过简单的修改去适合多数系统UI,所以这里同时提供图片源文件给大家参考。

各标签可拖动、可切换、可自动切换等,具体设置请参考源中注释。

不多说先上个图。

顺便说先IE5,6未测试过。FF OP 谷歌 IE7/8均无问题。




谢谢!
  • 大小: 65 KB
分享到:
评论
3 楼 meishitouzhele 2011-03-25  
辛苦 辛苦啊 
2 楼 viekie 2011-03-25  
恭喜,你,处女,作!
1 楼 wmswu 2011-03-25  
沙发  啊  哈哈 支持下了  恭喜你 处女作...

相关推荐

    jquery+css实现Tab栏切换的代码实例

    实现方式:一般tab栏如果要做成比较好看的样式,会切两张图作为背景,一张用于选中时的背景,一张用于未选中的背景。这里为了简单,只用css设置样式。然后为每个tab绑定click事件,当触发click事件时,对应的内容div...

    CryptoTab START-crx插件

    小部件图标将向您显示未完成的任务数。 扩展和应用程序–您无需再研究设置。 启动安装的应用程序,直接在启动页面上添加和删除扩展名。 书签和历史记录–使用CryptoTab Start检查您的书签和浏览器历史记录列表。 ...

    书签标签「Bookmark Tab」-crx插件

    注意:-Chrome已使用您的Google帐户在多台计算机之间同步您的书签,因此此处未添加任何内容。 -它查看的根文件夹是“其他书签”,因此要显示的任何书签都必须位于“其他书签”文件夹内,或者直接位于“其他书签”...

    Tabula(新标签待办事项)「Tabula (New Tab To-do List)」-crx插件

    将您的新标签页替换为一个美丽的待办事项列表,记录您的工作,并始终保持同步。 主要功能:-用待办事项列表替换“新...-自动用未完成的待办事项填充今天的条目 -随机背景(我们有6个,以后还会有)。 支持语言:English

    Asana New Tab-crx插件

    语言:English在每个新的选项卡上管理您的asana任务 asana-new-tab允许您在每个新选项卡上看到和管理您的asana任务。 而不是获得空的新标签,富有成效,看... * asana-new-tab不是官方ASANA产品,并未由ASANA团队创建。

    DooToDoo - A New Tab To-Do List with Robots-crx插件

    需要一个新的标签todo列表,它得到了笑话,漂亮的背景,“鼓舞人心的图像”(可能)benevolent ai和解决所有问题的解决方案?如果你可以没有最后一个,那么Dootodoo就是给你。每天可能会关注5个优先级,但Dootodoo...

    asp.net,jquery,ajax,jqgrid,json进销存前端源码bs架构

    使用asp.net,jquery,ajax,jqgrid,json开发,多标签未完成进销存项目前端源代码aspx+javascript+ 数据库脚本,无刷新提交,tab页绝非iframe,供学习、二次开发或者程序定制。 演示地址:218.95.37.10:8083/login....

    Tabula (New Tab To-do List)-crx插件

    语言:English 用一个漂亮的待办事项列表替换您的新标签页,该列表记录您的工作,并且始终处于同步状态。 主要功能: - 用待办事项列表... - 通过未完成的待办事项,自动填充今天的条目。 - 随机背景(我们的6,更新)。

    选项卡之前「Tab Ahead」-crx插件

    https://github.com/janraasch/tab-ahead/issues版本历史:v1.3.0-改进了模糊过滤器并禁用了搜索输入的自动完成功能 v1.2.2-搜索输入字段的边距相等 v1.2.1-更快的弹出响应时间 v1.2.0-加快下拉响应时间 v1.1.0-添加...

    免费开源代码编辑器 CudaText 1.117.0 中文多语免费版.zip

    使用 Tab 键(Snippets插件)完成HTML标签。 HTML 颜色代码(#rgb,#rrggbb)下划线。 在编辑器区域(jpeg / png / gif / bmp / ico)中显示图片。 当鼠标移到图片标签,实体,颜色值上时显示工具提示。 实现为...

    网际畅游 MyIE 3.0 源代码

    Tips:使用Ctrl-Tab可快速切换标签。 标签栏有三种形式:单行, 多行, 自适应。自适应标签会根据标签数量自动调整标签的宽度,使他们尽量保持在一行内。 图标化的进度显示: 在浏览时每个标签旁都有一个小图标...

    pocketizer:适用于Chrome,Firefox和Edge的非官方Pocket新标签扩展

    直接在浏览器的新标签页上获得Pocket的未读列表和存档。 您可以将项目标记为已读,删除它们或添加到收藏夹列表。 通过搜索标题和URL,您可以更快地找到商品;如果您没有安装Pocket原始扩展名,也可以添加新链接。 ...

    circular-tab-and-mousebite:创建 KiCad pcb 轮廓和 NPTH Kong以协助圆形设计的面板化

    圆形标签和鼠标咬合创建 KiCad pcb 轮廓和 NPTH Kong以协助圆形设计的面板化。 一位客户寄给我一个圆形 PCB,并要求我对其进行面板化。 直边板的镶板相对容易。 我使用 gerbmerge。 圆板的拼板比较困难。 基本上,它...

    软件设计方案(案例).doc

    6)标签设计 标签设计应该注意转角部分的变化,状态可参考按钮。 7)图标设计 图标设计色彩不宜超过64色,大小为16x16、32x32两种,应该加以着重考虑视觉冲击力 ,它需要在很小的范围表现出软件的内涵,在设计时使用...

    软件设计方案(案例)(1).doc

    6)标签设计 标签设计应该注意转角部分的变化,状态可参考按钮。 7)图标设计 图标设计色彩不宜超过64色,大小为16x16、32x32两种,应该加以着重考虑视觉冲击力, 它需要在很小的范围表现出软件的内涵,在设计时使用...

    软件设计方案(整理).doc

    6)标签设计 标签设计应该注意转角部分的变化,状态可参考按钮。 7)图标设计 图标设计色彩不宜超过64色,大小为16x16、32x32两种,应该加以着重考虑视 觉冲击力,它需要在很小的范围表现出软件的内涵,在设计时...

    Google Chrome 6.0.451.0 Dev 版(一个由Google公司开发的网页浏览器)

     “沙盒小组”表示他们“使用了现有的执行程序限制,并让这些限制变成一座监狱”例如在其中一个标签页运作的恶意软件,将无法窃取信用卡号码、干扰鼠标运作,或告诉系统在启动时执行某个程序,并且恶意软件会在标签...

    startpage:首页

    首页 1)安装 2)特点 3)计划中或正在进行中 4)已知错误 5)预览 1)安装 ...按下[TAB](向后[SHIFT] + [TAB]可以在搜索引擎中循环显示) 键入将自动聚焦搜索栏 将鼠标移至右侧边缘会打开一个带有

    Air Lift-crx插件

    语言:中文 (简体)在设备间快速共享文件v2.0.1- 更新"撤销"、"刷新"按键的图标v2.0.0- 重新设计界面,取消文件分享,添加刷新按键- 使用chrome.storage.sync而...完成设备间文本的共享- 未开放注册功能- 前端流程待优化

Global site tag (gtag.js) - Google Analytics