开源中国

我们不支持 IE 10 及以下版本浏览器

It appears you’re using an unsupported browser

为了获得更好的浏览体验，我们强烈建议您使用较新版本的 Chrome、 Firefox、 Safari 等，或者升级到最新版本的IE浏览器。如果您使用的是 IE 11 或以上版本，请关闭“兼容性视图”。

继续访问

FlexBox首页、文档和下载 - jQuery下拉框插件 - 开源中国社区

全部项目分类

我要评价

jQuery下拉框插件 FlexBox

jQuery表单及相关

授权协议: MS-PL

开发语言: JavaScript

操作系统: 跨平台

收录时间：2009-03-21

FlexBox 详细介绍

FlexBox 是一个 jQuery 插件用来显示动态下拉框，下拉数据可直接进行翻页显示，使用的是 JSON 格式的数据源。

It can be used as a:

ComboBox, with per-result html templates
Suggest box, like Google's search
Data-driven type-ahead input box

It supports:

Theming/Skinning via css
Flexible paging
Configurable client-side caching
Much more...

软件首页源码下载

大家对 FlexBox 的评论 (全部 2 条评论)

quickbird

收藏 #FlexBox#

MartinBockZhu

评价

FlexBox 相关问答 (全部 1 个问答)

0回答 0投票

JollyRoger

FlexBox.js可以实现二级联动吗?

FlexBox

FlexBox 相关博客

EDIAGD

jquery的select下拉框美化插件Chosen 使用

首先引用相关的js和css:  <link href="css/chosen.css" rel="stylesheet" type="text/css" /> <script src="js/chosen.jquery.js" type="text/javascript"></script> <link href="css/style.cs...

iNiL0119

Flexbox——快速布局神器

本文由大漠根据Chris Mills的《Flexbox — fast track to layout nirvana?》所译，如需转载此译文，需注明英文出处：http://dev.opera.com/articles/view/flexbox-basics/，以及作者相关信息

gbin1

使用Flexbox布局方式的简单演示

日期：2013-4-4 来源：GBin1.com 众所周知，CSS有多重布局模型的操作，可以使页面按照不同的布局进行展现。Flexble box是另一种布局模型，简称为Flexbox。它如今经过重写，使得在编码和使用上得到非常有效的简化。关于Flexbox的介绍请关于文章: CSS的未来 - 游戏的改革者FLEXBOX。 Flexible box布局模型 Flexbox中有两个轴，一个主...

gbin1

Flexbox布局的简单演示之二

日期：2013-4-18 来源：GBin1.com 之前我们介绍了Flexbox的介绍，并且给出了一个Flexbox的简单例子，告诉大家如何创建Flexbox并且简单的利用Flexbox来操控页面内元素的顺序。在今天的文章中，我们继续介绍Flexbox的一些其它的属性。除了排序之外，Flexbox还可以非常简单明了的定位页面元素的方向。Flex的项目现在可以一个接一个的顺序竖着排列是用了...

白衣凡尘

FlexBox布局属性说明图

linsk1998

flex和box、flexbox常见坑

display:box; 是老语法，display:flex;是新语法。flexbox是只有ie10才有的语法，ie11可以用flex。 box支持的浏览器更多，flex旧版本浏览器不支持。综合写法 display:-moz-box; display:-webkit-box; displ...

葡萄城技术团队

如何使用Flexbox和CSS Grid，实现高效布局

CSS 浮动属性一直是网站上排列元素的主要方法之一，但是当实现复杂布局时，这种方法不总是那么理想。幸运的是，在现代网页设计时代，使用 Flexbox 和 CSS Grid 来对齐元素，变得相对容易起来。使用 Flexbox 可以使元素对齐变得容易，因此 Flexbox 已经被广泛使用了。同时，CSS Grid 布局也为网页设计行业带来了很大的便利。虽然 CSS Grid 布局未被广泛...

IT程序狮

图文并茂！8 张 Gif 图学会 Flexbox

在本文中，我们将通过图文并茂的方式为大家介绍 Flexbox ，通过一些 GIF 动画让你直观地了解 Flexbox 的工作原理，并使用它来构建灵活的布局。学习 Flexbox 的小伙伴，不要错过咯。

[转载]响应式设计的未来——Flexbox

本文由大漠根据Ben Gremillion的《Responsive Design of the Future with Flexbox》所译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://blog.teamtreehouse.com/responsive-design-of-the-future-with-flex...

gbin1

CSS的未来：游戏的变革Flexbox

日期：2013-4-26 来源：GBin1.com 相关阅读：使用Flexbox布局方式的简单演示 HTML5和CSS3给网络开发者提供了新的语法标签，本地动画工具，服务器端字体等等新增功能，这些并不是结束。开发者正苦于为网页设计挖出一条战壕 - 真正的页面排版工具，事实上，即便是最有前途的CSS3现在也仍旧是在地平线上。虽然它可以创造出令人惊讶的复杂布局，例如CSS悬浮，定位规则，以...

王蕾oooonly

关于三栏布局

最近发现自己平时不怎么写css，对css的用法不太熟练，开始看基础的布局问题，这篇博客写的很详细三栏布局（分享自mrchengzp的博客）总结一下：实现三栏布局可用的方案有浮动绝对定位 flexbox 表格布局网格布...

Mohan710

12 个 CSS 高级技巧汇总

下面这些CSS高级技巧，一般人我可不告诉他哦。使用 :not() 在菜单上应用/取消应用边框给body添加行高所有一切都垂直居中逗号分隔的列表使用负的 nth-child 选择项目对图标使用SVG 优化显示文本对纯CSS滑块...

LeslieMay

HTML前端开发之路——弹性盒模型

新手开发之路，记录在学习前端经历的过程

brianway

CSS 布局经典问题初步整理

本文主要对 CSS 布局中常见的经典问题进行简单说明，并提供相关解决方案的参考链接，涉及到三栏式布局，负 margin，清除浮动，居中布局，响应式设计，Flexbox 布局，等等。

羊皮卷

CSS3弹性盒子(Flex Box)

CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。摘抄自w3cschool文档，目的是为了自己在项目开发中查看文档更加直观，快速开发...