开源中国

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

It appears you’re using an unsupported browser

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

继续访问

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

Float_left

全部项目分类

我要评价

jQuery下拉框插件 FlexBox

jQuery表单及相关

授权协议: MS-PL

开发语言: JavaScript

操作系统: 跨平台

普惠云计算，云服务器降破底价，30元/月起

收录时间：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#

MartinBock

评价

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

0回答 0投票

JollyRoger

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

FlexBox

FlexBox 相关博客

iNiL0119

Flexbox——快速布局神器

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

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...

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布局属性说明图

葡萄城控件技术团队

如何使用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悬浮，定位规则，以...

Chason-洪

1.父容器容器属性兼容: -webkit-; -moz-; -o- -ms-; ①display:flex;//块级伸缩容器 display:inline-flex //行内伸缩容器 //react native 中不用增加该属性 ②flex-direction: row | row-reverse | c...

LeslieMay

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

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

brianway

CSS 布局经典问题初步整理

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

Ethan-GOGO

一布局属性（super view） 1.display display：flex | inline-flex 块级伸缩容器行内级伸缩容器 2.flex-direction 指定主轴的方向 flex-direction:row | row-reverse | column | column-reverse 3.flex-wrap 伸缩容器在主轴线方向空...

芳仔小脚丫

React Native 学习笔记1

React Native 0.39 Helloworld - flexbox 学习时间2小时左右，笔记时间1.5小时左右

年久失修

[CSS]-Flexible Box

1. 浏览器支持情况（Asia） 2. 弹性盒学习 float（杂志式布局）的升级版。由两大元素组成：容器（弹性盒）、内容（弹性元素）。 2.1 容器主轴主轴可以换行，容器内的元素沿着主轴排列，flex-direction控制主轴方向（横竖左右），justify-content控制元素在主轴方向的排布形式。交叉轴交叉轴垂直于主轴，align-items控制元素在交叉轴上的排布形式...