AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

JQuery UI实现的垂直Tab 界面

2016-05-11 1097
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：


JQuery UI实现了很多很好看的UI框架，其中就有Tab。下面的例子可以实现垂直tab。

实现方法看这个例子。

image

 

还有个更炫的，贴在这里备查：http://mehdi.biz/blog/2010/02/05/vertical-tabs-for-jquery-lovers/ 

image

 

注意，示例icon图片有版权，仅供演示用。

 

http://layout.jquery-dev.net/

作者： 峻祁连
邮箱：junqilian@163.com 
出处： http://junqilian.cnblogs.com 
转载请保留此信息。



本文转自峻祁连. Moving to Cloud/Mobile博客园博客，原文链接：http://www.cnblogs.com/junqilian/archive/2012/08/20/2647771.html ，如需转载请自行联系原作者
文章标签：
JavaScript
关键词：
UI jquery
UI界面
jQuery UI
jQuery tab
UI tab
史迪奇2号
目录
相关文章
Svan.
|
3月前
|
计算机视觉 Python
基于Dlib的人脸识别客户端（UI界面）
基于Dlib的人脸识别客户端（UI界面）
Svan.
86 2
蓝染-惣右介
|
12天前
|
移动开发 前端开发 Java
Java最新图形化界面开发技术——JavaFx教程（含UI控件用法介绍、属性绑定、事件监听、FXML）
JavaFX是Java的下一代图形用户界面工具包。JavaFX是一组图形和媒体API，我们可以用它们来创建和部署富客户端应用程序。 JavaFX允许开发人员快速构建丰富的跨平台应用程序，允许开发人员在单个编程接口中组合图形，动画和UI控件。本文详细介绍了JavaFx的常见用法，相信读完本教程你一定有所收获！
蓝染-惣右介
198 1
Java最新图形化界面开发技术——JavaFx教程（含UI控件用法介绍、属性绑定、事件监听、FXML）
哈你真皮
|
23天前
|
JavaScript
超炫酷UI效果的jQuery滑块插件
超炫酷UI效果的jQuery滑块插件
哈你真皮
34 0
土木林森
|
2月前
|
开发框架 JavaScript 前端开发
HarmonyOS UI开发：掌握ArkUI（包括Java UI和JS UI）进行界面开发
【10月更文挑战第22天】随着科技发展，操作系统呈现多元化趋势。华为推出的HarmonyOS以其全场景、多设备特性备受关注。本文介绍HarmonyOS的UI开发框架ArkUI，探讨Java UI和JS UI两种开发方式。Java UI适合复杂界面开发，性能较高；JS UI适合快速开发简单界面，跨平台性好。掌握ArkUI可高效打造符合用户需求的界面。
土木林森
129 8
Svan.
|
3月前
|
机器学习/深度学习 数据可视化 计算机视觉
基于opencv的车牌识别系统（UI界面采用tkinter设计）
基于opencv的车牌识别系统（UI界面采用tkinter设计）
Svan.
70 0
风吹落叶花飘荡
|
5月前
|
编解码 前端开发 vr&ar
从零开始的PICO教程（4）--- UI界面绘制与响应事件
这篇文章是PICO开发系列教程的第四部分，主要介绍了如何在PICO 4 VR环境中创建UI界面，包括Canvas和Panel的配置、UI元素的绘制、以及Button和Slider的事件响应绑定，并通过示例展示了数字增减和滑块功能的具体实现。
风吹落叶花飘荡
139 3
从零开始的PICO教程（4）--- UI界面绘制与响应事件
东方睿赢
|
4月前
|
XML Android开发 UED
💥Android UI设计新风尚！掌握Material Design精髓，让你的界面颜值爆表！🎨
随着移动应用市场的蓬勃发展，用户对界面设计的要求日益提高。为此，掌握由Google推出的Material Design设计语言成为提升应用颜值和用户体验的关键。本文将带你深入了解Material Design的核心原则，如真实感、统一性和创新性，并通过丰富的组件库及示例代码，助你轻松打造美观且一致的应用界面。无论是色彩搭配还是动画效果，Material Design都能为你的Android应用增添无限魅力。
东方睿赢
95 1
VipSoft
|
5月前
|
JavaScript
H-ui JQuery 给单选按纽赋值不生效
H-ui JQuery 给单选按纽赋值不生效
VipSoft
42 0
H-ui JQuery 给单选按纽赋值不生效
土木林森
|
5月前
|
容器 iOS开发 Linux
震惊！Uno Platform 响应式 UI 构建秘籍大公开！从布局容器到自适应设计，带你轻松打造跨平台完美界面
【8月更文挑战第31天】Uno Platform 是一款强大的跨平台应用开发框架，支持 Web、桌面（Windows、macOS、Linux）及移动（iOS、Android）等平台，仅需单一代码库。本文分享了四个构建响应式用户界面的最佳实践：利用布局容器（如 Grid）适配不同屏幕尺寸；采用自适应布局调整 UI；使用媒体查询定制样式；遵循响应式设计原则确保 UI 元素自适应调整。通过这些方法，开发者可以为用户提供一致且优秀的多设备体验。
土木林森
205 0
东方睿赢
|
6月前
|
XML Android开发 UED
💥Android UI设计新风尚！掌握Material Design精髓，让你的界面颜值爆表！🎨
【7月更文挑战第28天】随着移动应用市场的发展，用户对界面设计的要求不断提高。Material Design是由Google推出的设计语言，强调真实感、统一性和创新性，通过模拟纸张和墨水的物理属性创造沉浸式体验。它注重色彩、排版、图标和布局的一致性，确保跨设备的统一视觉风格。Android Studio提供了丰富的Material Design组件库，如按钮、卡片等，易于使用且美观。
东方睿赢
175 1